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程序设计有所帮助。