首页 > 语言 > JavaScript > 正文

基于JS实现的倒计时程序实例

2024-05-06 16:23:38
字体:大 中 小
来源:转载
供稿:网友

这篇文章主要介绍了基于JS实现的倒计时程序,实例分析了javascript实现倒计时计数的相关技巧,非常简单实用,需要的朋友可以参考下

本文实例讲述了基于JS实现的倒计时程序。分享给大家供大家参考。具体实现方法如下:

 

 
  1. 剩余时间:<i id="expireTime"></i> 
  2. <script type="text/javascript"> 
  3. var expire = 2412169; 
  4. var expireTime = function(expires){ 
  5. if(expires > 0){ 
  6. var second = expires; 
  7. }else{ 
  8. var second = "0 分"; 
  9. return second; 
  10. } 
  11. var day = hour = min = ""; 
  12. if(second>86400){ 
  13. day = Math.floor(second/86400)+"天 "; 
  14. second = second%86400; 
  15. } 
  16. if(second>3600){ 
  17. hour = Math.floor(second/3600)+"时 "; 
  18. second = second%3600; 
  19. } 
  20. if(second>60){ 
  21. min = Math.floor(second/60)+"分 "; 
  22. second = second%60; 
  23. } 
  24. second = second+"秒"; 
  25. return day+hour+min+second; 
  26. } 
  27. var timeEle = document.getElementById("expireTime"); 
  28. var timer = window.setInterval(function(){ 
  29. timeEle.innerHTML = expireTime(expire--); 
  30. if(expire<0){ 
  31. clearInterval(timer); 
  32. } 
  33. },1000); 
  34. </script> 

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选