js简单倒计时实现代码
本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考,具体如下:
<divclass="time">
距离活动结束还有<spanid="day"></span>天
<spanid="hours"></span>小时
<spanid="min"></span>分
<spanid="sec"></span>秒
</div>
<scripttype="text/javascript">
varday=document.getElementById("day");
varhours=document.getElementById("hours");
varmin=document.getElementById("min");
varsec=document.getElementById("sec");
varDifferenceHour=-1;
varDifferenceMinute=-1;
varDifferenceSecond=-1;
//varTday=newDate("0720,201610:00:00")//**倒计时时间点-注意格式
varTday=newDate("07/20/201610:00:00");//IE:月/日/年
vardaysms=24*60*60*1000;
varhoursms=60*60*1000;
varSecondms=60*1000;
varmicrosecond=1000;
functionclock(){
vartime=newDate();
varhour=time.getHours();
varminute=time.getMinutes();
varsecond=time.getSeconds();
vartimevalue=""+((hour>12)?hour-12:hour);
timevalue+=((minute<10)?":0":":")+minute;
timevalue+=((second<10)?":0":":")+second;
timevalue+=((hour>12)?"PM":"AM");
//document.formnow.now.value=timevalue
varconvertHour=DifferenceHour;
varconvertMinute=DifferenceMinute;
varconvertSecond=DifferenceSecond;
varDiffms=Tday.getTime()-time.getTime();
DifferenceHour=Math.floor(Diffms/daysms);
Diffms-=DifferenceHour*daysms;
DifferenceMinute=Math.floor(Diffms/hoursms);
Diffms-=DifferenceMinute*hoursms;
DifferenceSecond=Math.floor(Diffms/Secondms);
Diffms-=DifferenceSecond*Secondms;
vardSecs=Math.floor(Diffms/microsecond);
if(convertHour!=DifferenceHour){
day.innerHTML=DifferenceHour;
}
if(convertMinute!=DifferenceMinute){
hours.innerHTML=DifferenceMinute;
}
if(convertSecond!=DifferenceSecond){
min.innerHTML=DifferenceSecond;
}
sec.innerHTML=dSecs;
//document.formnow.Tnow.value=DifferenceHourDifferenceMinute+DifferenceSecond+dSecs
setTimeout("clock()",1000);
}
clock();
</script>
更多关于JavaScript相关内容可查看本站专题:《JavaScript时间与日期操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。