JavaScript / jQuery倒计时 [英] JavaScript / jQuery Countdown
本文介绍了JavaScript / jQuery倒计时的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想完成的是一个实时更新的倒数计时,如下所示:
What I'd like to accomplish is a countdown that updates live... like this:
6天(仅几天)
12小时(仅在1天之内的小时)
12 Hours (just hours within 1 day)
59分钟(仅1个小时之内的分钟)
59 Minutes (just minutes within 1 hour)
59秒(在1分钟内仅几秒钟)
59 Seconds (just seconds within 1 minute)
实现此目标的最佳方法?
Best way to accomplish this?
推荐答案
您可以在 http:// jsfiddle中找到有效的示例.net / gaby / QH6X8 / 79 /
var end = new Date('15 Dec 2010');
var _second = 1000;
var _minute = _second * 60;
var _hour = _minute * 60;
var _day = _hour *24
var timer;
function showRemaining()
{
var now = new Date();
var distance = end - now;
if (distance < 0 ) {
// handle expiry here..
clearInterval( timer ); // stop the timer from continuing ..
alert('Expired'); // alert a message that the timer has expired..
}
var days = Math.floor(distance / _day);
var hours = Math.floor( (distance % _day ) / _hour );
var minutes = Math.floor( (distance % _hour) / _minute );
var seconds = Math.floor( (distance % _minute) / _second );
var countdownElement = document.getElementById('countdown');
countdownElement.innerHTML = 'Days: ' + days + '<br />';
countdownElement.innerHTML += 'Hours: ' + hours+ '<br />';
countdownElement.innerHTML += 'Minutes: ' + minutes+ '<br />';
countdownElement.innerHTML += 'Seconds: ' + seconds+ '<br />';
}
timer = setInterval(showRemaining, 1000);
这篇关于JavaScript / jQuery倒计时的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文