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


Posted in Javascript onJuly 24, 2015

本文实例讲述了基于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 setTimeout()传递函数参数(包括传递对象参数)
Apr 07 Javascript
使用ExtJS技术实现的拖动树结点
Aug 05 Javascript
jquery iframe操作详细解析
Nov 20 Javascript
javascript使用正则获取url上的某个参数
Sep 04 Javascript
javascript根据时间生成m位随机数最大13位
Oct 30 Javascript
jQuery选择id属性带有点符号元素的方法
Mar 17 Javascript
分享一个原生的JavaScript拖动方法
Sep 25 Javascript
Vue.js开发环境搭建
Nov 10 Javascript
JQuery中的常用事件、对象属性与使用方法分析
Dec 23 jQuery
Vue中实现回车键切换焦点的方法
Feb 19 Javascript
JS自定义右键菜单实现代码解析
Jul 16 Javascript
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 Javascript
可以浮动某个物体的jquery控件用法实例
Jul 24 #Javascript
javascript比较两个日期相差天数的方法
Jul 24 #Javascript
JAVA四种基本排序方法实例总结
Jul 24 #Javascript
轻量级javascript 框架Backbone使用指南
Jul 24 #Javascript
node.js操作mysql(增删改查)
Jul 24 #Javascript
浅谈javascript获取元素transform参数
Jul 24 #Javascript
js实现汉字排序的方法
Jul 23 #Javascript
You might like
php的header和asp中的redirect比较
2006/10/09 PHP
用PHP和ACCESS写聊天室(三)
2006/10/09 PHP
PHP 获取远程网页内容的代码(fopen,curl已测)
2011/06/06 PHP
PHP5 的对象赋值机制介绍
2011/08/02 PHP
mysqli_set_charset和SET NAMES使用抉择及优劣分析
2013/01/13 PHP
探讨:parse url解析URL,返回其组成部分
2013/06/14 PHP
PHP+Ajax检测用户名或邮件注册时是否已经存在实例教程
2014/08/23 PHP
如何使用PHP给图片加水印
2016/10/12 PHP
php array 转json及java 转换 json数据格式操作示例
2019/11/13 PHP
javascript显示隐藏层比较不错的方法分析
2008/09/30 Javascript
JavaScript中的this关键字介绍与使用实例
2013/06/21 Javascript
两种不同的方法实现js对checkbox进行全选和反选
2014/05/13 Javascript
详解AngularJS中的表格使用
2015/06/16 Javascript
Node.js中防止错误导致的进程阻塞的方法
2016/08/11 Javascript
关于vue.extend和vue.component的区别浅析
2017/08/16 Javascript
node文字生成图片的示例代码
2017/10/26 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
2018/01/31 Javascript
基于js中的存储键值对以及注意事项介绍
2018/03/30 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
vue 限制input只能输入正数的操作
2020/08/05 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
2020/09/04 Javascript
Python中用函数作为返回值和实现闭包的教程
2015/04/27 Python
Python实现的最近最少使用算法
2015/07/10 Python
Python数据结构之顺序表的实现代码示例
2017/11/15 Python
[原创]教女朋友学Python3(二)简单的输入输出及内置函数查看
2017/11/30 Python
Python中类的初始化特殊方法
2017/12/01 Python
pandas.loc 选取指定列进行操作的实例
2018/05/18 Python
python远程连接MySQL数据库
2019/04/19 Python
Python实现Linux监控的方法
2019/05/16 Python
为女性购买传统的印度服装和婚纱:Kalkifashion
2019/07/22 全球购物
行政助理的职责
2013/11/14 职场文书
酒店总经理助理职责
2014/02/12 职场文书
租房协议书怎么写
2014/04/10 职场文书
读后感作文评语
2014/12/25 职场文书
2015年药品销售工作总结范文
2015/05/25 职场文书
JavaScript实现简单拖拽效果
2021/09/15 Javascript