javascript倒计时时钟日期问题
所以我写了一些代码在我的网站上显示一个倒计时时钟。 html如下所示:javascript倒计时时钟日期问题,javascript,html,Javascript,Html,所以我写了一些代码在我的网站上显示一个倒计时时钟。 html如下所示: <div id="deadline_Container"> <div id="clockdiv"> <span class="deadline_Text">You only have </span> <div> <span class="days"></span><span class="smalltext">Day&
<div id="deadline_Container">
<div id="clockdiv">
<span class="deadline_Text">You only have </span>
<div>
<span class="days"></span><span class="smalltext">Day</span>
</div>
<div>
<span class="hours"></span><span class="smalltext">Hours</span>
</div>
<div>
<span class="minutes"></span><span class="smalltext">Minutes</span>
</div>
<div class="clockLast">
<span class="seconds"></span><span class="smalltext">Seconds</span>
</div>
<span class="deadline_Text2">left to use your voucher code!</span>
</div>
</div>
你只有
白天
小时
会议记录
秒
左键使用您的凭证代码!
还有javascript:
<script type="text/javascript">
var deadline = new Date(Date.UTC(2016,11, 22, 23, 59, 59));
function time_remaining(endtime){
var t = endtime - new Date();
var seconds = Math.floor( (t/1000) % 60 );
var minutes = Math.floor( (t/1000/60) % 60 );
var hours = Math.floor( (t/(1000*60*60)) % 24 );
var days = Math.floor( t/(1000*60*60*24) );
return {'total':t, 'days':days, 'hours':hours, 'minutes':minutes, 'seconds':seconds};
}
function run_clock(id,endtime){
var clock = document.getElementById(id);
var days_span = clock.querySelector('.days');
var hours_span = clock.querySelector('.hours');
var minutes_span = clock.querySelector('.minutes');
var seconds_span = clock.querySelector('.seconds');
function update_clock(){
var t = time_remaining(endtime);
days_span.innerHTML = t.days;
hours_span.innerHTML = ('0' + t.hours).slice(-2);
minutes_span.innerHTML = ('0' + t.minutes).slice(-2);
seconds_span.innerHTML = ('0' + t.seconds).slice(-2);
if(t.total<=0){ clearInterval(timeinterval); document.getElementById('deadline_Container').style.display = "none"; document.getElementById('deadline_Container2').style.display = "block"; }
}
update_clock();
var timeinterval = setInterval(update_clock,1000);
}
run_clock('clockdiv',deadline);
</script>
var截止日期=新日期(UTC日期(2016,11,22,23,59,59));
剩余功能时间(结束时间){
var t=结束时间-新日期();
var秒=数学地板((t/1000)%60);
var分钟=数学地板((t/1000/60)%60);
可变小时数=数学楼层((t/(1000*60*60))%24);
风险天数=数学下限(t/(1000*60*60*24));
返回{'total':t,'days':days,'hours':hours,'minutes':minutes,'seconds':seconds};
}
功能运行时钟(id,结束时间){
var clock=document.getElementById(id);
var days_span=clock.querySelector('.days');
var hours_span=clock.querySelector('.hours');
var minutes_span=clock.querySelector('.minutes');
var seconds_span=clock.querySelector('.seconds');
函数更新_时钟(){
var t=剩余时间(结束时间);
天\u span.innerHTML=t.days;
hours_span.innerHTML=('0'+t.hours).slice(-2);
分片(-2);
seconds_span.innerHTML=('0'+t.seconds).slice(-2);
如果(t.total月参数为零,则一月=0,十一月=10等
因此,在您的情况下,如果您希望结束日期为2016年11月22日,您需要将其设置为:
var deadline = new Date(Date.UTC(2016,10, 22, 23, 59, 59));
月份参数是以零为基础的,因此一月=0,十一月=10等等
因此,在您的情况下,如果您希望结束日期为2016年11月22日,您需要将其设置为:
var deadline = new Date(Date.UTC(2016,10, 22, 23, 59, 59));
哦,对了,那就说得通了。谢谢你澄清这一点。@MariaL,如果马克的回答适合你,别忘了接受它:)哦,对了,那就说得通了。谢谢你澄清这一点。@MariaL,如果马克的回答适合你,别忘了接受它:)