·您当前的位置:首页 > 技术教程 > JavaScript >

[Js]js写的倒计时功能效果实例

时间:2015-03-09 09:34酷播
[Js]js写的倒计时功能效果实例

[Js]js写的倒计时功能效果实例

  1. 距离开幕式还有 
  2. <br> 
  3. <!--倒计时设置代码--> 
  4. <script language="JavaScript"> 
  5. <!-- hide script from old browser 
  6. var DifferenceHour = -1 
  7. var DifferenceMinute = -1 
  8. var DifferenceSecond = -1 
  9. var Tday = new Date("Aug 8, 2020 20:00:00")   //**倒计时时间点-注意格式 
  10. var daysms = 24 * 60 * 60 * 1000 
  11. var hoursms = 60 * 60 * 1000 
  12. var Secondms = 60 * 1000 
  13. var microsecond = 1000 
  14. function clock() 
  15. var time = new Date() 
  16. var hour = time.getHours() 
  17. var minute = time.getMinutes() 
  18. var second = time.getSeconds() 
  19. var timevalue = ""+((hour > 12) ? hour-12:hour) 
  20. timevalue +=((minute < 10) ? ":0":":")+minute 
  21. timevalue +=((second < 10) ? ":0":":")+second 
  22. timevalue +=((hour >12 ) ? " PM":" AM") 
  23. // document.formnow.now.value = timevalue 
  24. var convertHour = DifferenceHour 
  25. var convertMinute = DifferenceMinute 
  26. var convertSecond = DifferenceSecond 
  27. var Diffms = Tday.getTime() - time.getTime() 
  28. DifferenceHour = Math.floor(Diffms / daysms) 
  29. Diffms -DifferenceHour * daysms 
  30. DifferenceMinute = Math.floor(Diffms / hoursms) 
  31. Diffms -DifferenceMinute * hoursms 
  32. DifferenceSecond = Math.floor(Diffms / Secondms) 
  33. Diffms -DifferenceSecond * Secondms 
  34. var dSecs = Math.floor(Diffms / microsecond) 
  35. if(convertHour != DifferenceHour) document.formnow.dd.value=DifferenceHour 
  36. if(convertMinute != DifferenceMinute) document.formnow.hh.value=DifferenceMinute 
  37. if(convertSecond != DifferenceSecond) document.formnow.mm.value=DifferenceSecond 
  38. document.formnow.ss.value=dSecs 
  39. // document.formnow.Tnow.valueDifferenceHour DifferenceMinute + DifferenceSecond + dSecs 
  40. setTimeout("clock()",1000) 
  41. // end hiding --> 
  42. </script> 
  43. </head> 
  44. <!--BODY里面的ONLOAD注意--> 
  45. <body onload="clock();return true" text="red"> 
  46. <!--实现显示--> 
  47. <form name="formnow"> 
  48. <input name="dd" type="text" style="border:0;" size=2> 
  49. 天 
  50. <input name="hh" type="text" style="border:0;" size=2> 
  51. 小时 
  52. <input name="mm" type="text" style="border:0;" size=2> 
  53. 分 
  54. <input name="ss" type="text" style="border:0;" size=2> 
  55. 秒 
  56. </form> 
  57. <!--倒计时完毕--> 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器