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

 更新时间:2015年07月24日 12:30:16   作者:罪恶的花生  
这篇文章主要介绍了基于JS实现的倒计时程序,实例分析了javascript实现倒计时计数的相关技巧,非常简单实用,需要的朋友可以参考下

本文实例讲述了基于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程序设计有所帮助。

相关文章

  • 简单谈谈javascript中的变量、作用域和内存问题

    简单谈谈javascript中的变量、作用域和内存问题

    这篇文章主要介绍了简单谈谈javascript中的变量、作用域和内存问题的相关资料,需要的朋友可以参考下
    2015-08-08
  • js实现一个省市区三级联动选择框代码分享

    js实现一个省市区三级联动选择框代码分享

    省市区三级联动在填写表单时有关地址这一块显得尤为重要,直接提高了用户的填写速度与准确度,接下来本文使用js代码实现一个,感兴趣的你可以参考下希望可以帮助到你
    2013-03-03
  • JavaScript模板引擎EJS特性及用法详解

    JavaScript模板引擎EJS特性及用法详解

    EJS是一种简单而灵活的模板引擎,用于将数据动态渲染到网页上,本文将从介绍EJS的背景和起源开始,详细介绍EJS的特性和使用方法,包括安装配置、基本语法和标签、数据绑定和逻辑控制、模板的继承和包含等方面,感兴趣的同学跟着小编一起来学习吧
    2023-06-06
  • JavaScript面试必备之垃圾回收机制和内存泄漏详解

    JavaScript面试必备之垃圾回收机制和内存泄漏详解

    垃圾回收机制和内存泄漏是JavaScript面试时常常问到的问题,这篇文章就为大家详细整理了他们的相关知识,感兴趣的小伙伴可以跟随小编一起了解一下
    2023-05-05
  • Bootstrap模态框案例解析

    Bootstrap模态框案例解析

    这篇文章主要介绍了Bootstrap模态框案例解析,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • 利用js的闭包原理做对象封装及调用方法

    利用js的闭包原理做对象封装及调用方法

    下面小编就为大家带来一篇利用js的闭包原理做对象封装及调用方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • 关于JS中的方法是否加括号的问题

    关于JS中的方法是否加括号的问题

    在我们js编写程序的时候,我们会写很多函数然后调用它们,那么这些函数调用的时候什么时候加()什么时候不加()呢?下面小编给大家简单介绍下
    2016-07-07
  • 关于javascript模块加载技术的一些思考

    关于javascript模块加载技术的一些思考

    这篇文章主要介绍了关于javascript模块加载技术的一些思考 ,需要的朋友可以参考下
    2014-11-11
  • 在浏览器测试JavaScript的方法小结

    在浏览器测试JavaScript的方法小结

    测试JavaScript代码是一件很痛苦的事情,很多情况下都是写好代码不断刷新测试,其实chrome浏览器的console下就很方便,这里就为大家简单分享一下
    2023-03-03
  • JS实现表格隔行变色

    JS实现表格隔行变色

    这篇文章主要为大家详细介绍了JS实现表格隔行变色,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03

最新评论