本文實例講述了js簡單倒計時實現代碼。分享給大家供大家參考,具體如下:
<div class="time"> 距離活動結束還有<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) ? ":0":":") + minute; timevalue += ((second < 10) ? ":0":":") + second; timevalue += ((hour > 12) ? " PM":" AM"); // 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相關內容可查看本站專題:《JavaScript時間與日期操作技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。