基于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 函数式编程
Aug 16 Javascript
JS定时器实例详细分析
Oct 11 Javascript
改变状态栏文字的js代码
Jun 13 Javascript
JS实现统计复选框选中个数并提示确定与取消的方法
Jul 01 Javascript
Javascript实现鼠标右键特色菜单
Aug 04 Javascript
js实现动态加载脚本的方法实例汇总
Nov 02 Javascript
深入理解jquery中的事件与动画
May 24 Javascript
ES6新特征数字、数组、字符串
Oct 01 Javascript
基于JS实现移动端左滑删除功能
Jul 28 Javascript
JS实现分页浏览横向图片(类轮播)实例代码
Nov 06 Javascript
Node.js中你不可不精的Stream(流)
Jun 08 Javascript
react-router 路由切换动画的实现示例
Dec 03 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分页显示制作详细讲解
2006/12/05 PHP
discuz7 phpMysql操作类
2009/06/21 PHP
php实现的RSS生成类实例
2015/04/23 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
JSON PHP中,Json字符串反序列化成对象/数组的方法
2018/05/31 PHP
关于window.pageYOffset和document.documentElement.scrollTop
2011/04/05 Javascript
jquery 多行文本框(textarea)高度变化
2013/07/03 Javascript
原生js的弹出层且其内的窗口居中
2014/05/14 Javascript
jQuery实现下拉加载功能实例代码
2016/04/01 Javascript
js点击返回跳转到指定页面实现过程
2020/08/20 Javascript
Angular如何引入第三方库的方法详解
2017/07/13 Javascript
使用JavaScript实现表格编辑器(实例讲解)
2017/08/02 Javascript
javascript将url解析为json格式的两种方法
2017/08/18 Javascript
vue购物车插件编写代码
2017/11/27 Javascript
jQuery pjax 应用简单示例
2018/09/20 jQuery
原生JS实现随机点名项目的实例代码
2019/04/30 Javascript
详解vuex的简单todolist例子
2019/07/14 Javascript
小程序实现层叠卡片滑动效果
2019/08/26 Javascript
微信小程序实现按字母排列选择城市功能
2019/11/25 Javascript
使用vant的地域控件追加全部选项
2020/11/03 Javascript
python快速排序代码实例
2013/11/21 Python
Python的subprocess模块总结
2014/11/07 Python
使用Python实现下载网易云音乐的高清MV
2015/03/16 Python
python判断给定的字符串是否是有效日期的方法
2015/05/13 Python
python 实现求解字符串集的最长公共前缀方法
2018/07/20 Python
django如何连接已存在数据的数据库
2018/08/14 Python
使用python3调用wxpy模块监控linux日志并定时发送消息给群组或好友
2019/06/05 Python
pygame实现俄罗斯方块游戏(基础篇3)
2019/10/29 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
Python基于进程池实现多进程过程解析
2020/04/30 Python
Numpy ndarray 多维数组对象的使用
2021/02/10 Python
欧尚俄罗斯网上超市:Auchan俄罗斯
2018/05/03 全球购物
企业宣传方案
2014/03/04 职场文书
企业法人代表证明书
2014/09/27 职场文书
《西游记》读后感(3篇)
2019/09/20 职场文书
Redis Lua脚本实现ip限流示例
2022/07/15 Redis