JS倒计时 代码

 

JS倒计时 代码

<div>

	<span id="KSD">3</span>天

	<span id="KSH">12</span>小时

	<span id="KSM">39</span>分钟

	<span id="KSS">25</span>秒

</div>





<script type="text/javascript">

function countDown(targetTime, callback) {

	var t_timestamp = Date.parse(targetTime);

	var s_timestamp = new Date();

	c_timestamp = t_timestamp - s_timestamp; // 倒计时间戳

	if (c_timestamp > 0) {

		setTimeout(function callee() {

			countdownTime(c_timestamp);

			if (c_timestamp > 0) {

				c_timestamp -= 1000;

				setTimeout(callee, 1000);

			}

		}, 1);

	}



    // 计算倒计时间(天,小时,分钟,秒),并传入回调函数,执行回调

    function countdownTime(c_timestamp) {

        var d, h, m, s;

        c_timestamp = c_timestamp / 1000;



        d = parseInt(c_timestamp / 3600 / 24, 10); // 天数

        h = parseInt(c_timestamp / 3600 % 24, 10); // 小时

        m = parseInt(c_timestamp % 3600 / 60, 10); // 分钟

        s = parseInt(c_timestamp % 3600 % 60, 10); // 秒



        if (typeof callback === 'function') {

            callback(d, h, m, s);

        }

    }

};



var targetTime = '2013/11/12 00:00:00'; // 大于本地时间(假如本地时间为:2013/3/14 16:10:00)

countDown(targetTime, function(d, h, m, s) {



    // 补零

    for (var i = 0, len = arguments.length; i < len; i++) {

        if (String(arguments[i]).length < 2) {

            arguments[i] = '0' + arguments[i];

        }

    }

    // dom操作

    document.getElementById('KSD').innerHTML = h;

    document.getElementById('KSH').innerHTML = h;

    document.getElementById('KSM').innerHTML = m;

    document.getElementById('KSS').innerHTML = s;

});

</script>

  

你可能感兴趣的:(倒计时)