当前位置: 首页 > 编程笔记 >

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

林鸿飞
2023-03-14
本文向大家介绍基于JS实现的倒计时程序实例,包括了基于JS实现的倒计时程序实例的使用技巧和注意事项,需要的朋友参考一下

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

剩余时间:<i id="expireTime"></i>
<script type="text/javascript">
  var expire = 2412169;
  var expireTime = function(expires){
    if(expires > 0){
      var second = expires;
    }else{
      var second = "0 分";
      return second;
    }
    var day = hour = min = "";
    if(second>86400){
      day = Math.floor(second/86400)+"天 ";
      second = second%86400;
    }
    if(second>3600){
      hour = Math.floor(second/3600)+"时 ";
      second = second%3600;
    }
    if(second>60){
      min = Math.floor(second/60)+"分 ";
      second = second%60;
    }
    second = second+"秒";
    return day+hour+min+second;
  }
  var timeEle = document.getElementById("expireTime");
  var timer = window.setInterval(function(){
    timeEle.innerHTML = expireTime(expire--);
    if(expire<0){
      clearInterval(timer);
    }
  },1000);
</script>

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

 类似资料:
  • 本文向大家介绍js实现的倒计时按钮实例,包括了js实现的倒计时按钮实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现的倒计时按钮。分享给大家供大家参考。具体分析如下: 效果图如下: 具体代码如下: 这里只是一个小例子,在实际运用中,可能需要记录各种时间,考虑到页面刷新的变化,需要用cookie来进行数据存储等等! 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍基于JS实现限时抢购倒计时间表代码,包括了基于JS实现限时抢购倒计时间表代码的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,直接给大家贴代码了,具体代码如下所示: 以上所述是小编给大家介绍的基于JS实现限时抢购倒计时间表代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!

  • 本文向大家介绍基于vue、react实现倒计时效果,包括了基于vue、react实现倒计时效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了基于vue、react实现倒计时效果的具体代码,供大家参考,具体内容如下 Vue 方案一:俩个元素 HTML: JS: 方案二:一个元素,改变文字 HTML: JS: React 引用块内容 以上就是本文的全部内容,希望对大家的学习有所帮助,也

  • 本文向大家介绍php+js实现倒计时功能,包括了php+js实现倒计时功能的使用技巧和注意事项,需要的朋友参考一下 js部分 html部分,php 和 js 的时间倒计时

  • 本文向大家介绍基于Android实现答题倒计时功能,包括了基于Android实现答题倒计时功能的使用技巧和注意事项,需要的朋友参考一下 讲一下我在做一个答题APP时涉及到倒计时时遇到的一个问题吧。 碎片(Fragment)+CountDownTimer组成的一个答题,其中遇到的一个问题就是,这个题的倒计时在你手动滑动下一个题的时候却用在了下一个题的时间 解决这个问题运用的就是懒加载来控制倒计时的开

  • 本文向大家介绍基于jQuery实现美观且实用的倒计时实例代码,包括了基于jQuery实现美观且实用的倒计时实例代码的使用技巧和注意事项,需要的朋友参考一下 倒计时效果有着广泛的应用,比如奥运会倒计时、高考倒计时和放假倒计时等,本章节分享一个比较美观且实用的倒计时效果。 代码实例如下: 以上代码实现了我们的要求,可以实现秒到天的倒计时效果,下面就介绍一下实现过程。 一.实现原理: 原理比较简单,就是