视频技术

FFmpeg red5 nginx Html5 rtsp rtmp

·您当前的位置：首页 > 技术教程 > 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. { 
  16. var time = new Date() 
  17. var hour = time.getHours() 
  18. var minute = time.getMinutes() 
  19. var second = time.getSeconds() 
  20. var timevalue = ""+((hour > 12) ? hour-12:hour) 
  21. timevalue +=((minute < 10) ? ":0":":")+minute 
  22. timevalue +=((second < 10) ? ":0":":")+second 
  23. timevalue +=((hour >12 ) ? " PM":" AM") 
  24. // document.formnow.now.value = timevalue 
  25. var convertHour = DifferenceHour 
  26. var convertMinute = DifferenceMinute 
  27. var convertSecond = DifferenceSecond 
  28. var Diffms = Tday.getTime() - time.getTime() 
  29. DifferenceHour = Math.floor(Diffms / daysms) 
  30. Diffms -= DifferenceHour * daysms 
  31. DifferenceMinute = Math.floor(Diffms / hoursms) 
  32. Diffms -= DifferenceMinute * hoursms 
  33. DifferenceSecond = Math.floor(Diffms / Secondms) 
  34. Diffms -= DifferenceSecond * Secondms 
  35. var dSecs = Math.floor(Diffms / microsecond) 
  36. if(convertHour != DifferenceHour) document.formnow.dd.value=DifferenceHour 
  37. if(convertMinute != DifferenceMinute) document.formnow.hh.value=DifferenceMinute 
  38. if(convertSecond != DifferenceSecond) document.formnow.mm.value=DifferenceSecond 
  39. document.formnow.ss.value=dSecs 
  40. // document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs 
  41. setTimeout("clock()",1000) 
  42. } 
  43. // end hiding --> 
  44. </script> 
  45. </head> 
  46. <!--BODY里面的ONLOAD注意--> 
  47. <body onload="clock();return true" text="red"> 
  48. <!--实现显示--> 
  49. <form name="formnow"> 
  50. <input name="dd" type="text" style="border:0;" size=2> 
  51. 天 
  52. <input name="hh" type="text" style="border:0;" size=2> 
  53. 小时 
  54. <input name="mm" type="text" style="border:0;" size=2> 
  55. 分 
  56. <input name="ss" type="text" style="border:0;" size=2> 
  57. 秒 
  58. </form> 
  59. <!--倒计时完毕--> 

 

热门文章推荐

请稍候...

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

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