手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js简单倒计时实现代码
js简单倒计时实现代码
摘要:本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考,具体如下:距离活动结束还有天小时分秒varday=document.getEle...

本文实例讲述了js简单倒计时实现代码。分享给大家供大家参考,具体如下:

<div> 距离活动结束还有<span id="day"></span>天 <span id="hours"></span>小时 <span id="min"></span>分 <span id="sec"></span>秒 </div> <script type="text/javascript"> var day = document.getElementById("day"); var hours = document.getElementById("hours"); var min = document.getElementById("min"); var sec = document.getElementById("sec"); var DifferenceHour = -1; var DifferenceMinute = -1; var DifferenceSecond = -1; //var Tday = new Date("07 20,2016 10:00:00") //**倒计时时间点-注意格式 var Tday = new Date("07/20/2016 10:00:00"); //IE:月/日/年 var daysms = 24 * 60 * 60 * 1000; var hoursms = 60 * 60 * 1000; var Secondms = 60 * 1000; var microsecond = 1000; function clock () { var time = new Date(); var hour = time.getHours(); var minute = time.getMinutes(); var second = time.getSeconds(); var timevalue = "" + ((hour > 12) ? hour-12:hour); timevalue += ((minute < 10) ") + minute; timevalue += ((second < 10) ") + second; timevalue += ((hour > 12) "); // document.formnow.now.value = timevalue var convertHour = DifferenceHour; var convertMinute = DifferenceMinute; var convertSecond = DifferenceSecond; var Diffms = 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; var dSecs = 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= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs setTimeout("clock()", 1000); } clock(); </script>

希望本文所述对大家JavaScript程序设计有所帮助。

【js简单倒计时实现代码】相关文章:

javascript使用Promise对象实现异步编程

实现DIV圆角的JavaScript代码

jQuery插件zepto.js简单实现tab切换

简单获取键盘的KeyCode

javascript用函数实现对象的方法

js实现简单div拖拽功能实例

jQuery实现div随意拖动的实例代码(通用代码)

jquery插件validation实现验证身份证号等

让插入到 innerHTML 中的 script 跑起来的实现代码

js实现文本框选中的方法

精品推荐
分类导航