基于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 相关文章推荐
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
IE6-8中Date不支持toISOString的修复方法
May 04 Javascript
Egret引擎开发指南之创建项目
Sep 03 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
使用AngularJS2中的指令实现按钮的切换效果
Mar 27 Javascript
微信小程序 侧滑删除(左滑删除)
May 23 Javascript
详解JS数据类型的值拷贝函数(深拷贝)
Jul 13 Javascript
浅谈Node.js之异步流控制
Oct 25 Javascript
Vue项目部署在Spring Boot出现页面空白问题的解决方案
Nov 26 Javascript
js array数组对象操作方法汇总
Mar 18 Javascript
详解element-ui日期时间选择器的日期格式化问题
Apr 08 Javascript
jQuery zTree树插件的使用教程
Aug 16 jQuery
可以浮动某个物体的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
初学CAKEPHP 基础教程
2009/11/02 PHP
解析如何去掉CodeIgniter URL中的index.php
2013/06/25 PHP
PHP图片添加水印功能示例小结
2016/10/03 PHP
jQuery 使用手册(四)
2009/09/23 Javascript
javascript中window.event事件用法详解
2012/12/11 Javascript
JavaScript自动设置IFrame高度的小例子
2013/06/08 Javascript
JavaScript打印网页指定区域的例子
2014/05/03 Javascript
基于jquery实现等比缩放图片
2014/12/03 Javascript
JavaScript实现在页面间传值的方法
2015/04/07 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
2016/01/12 Javascript
详解js中==与===的区别
2017/01/08 Javascript
走进javascript——不起眼的基础,值和分号
2017/02/24 Javascript
AngularJS实现单一页面内设置跳转路由的方法
2017/06/28 Javascript
想用好React的你必须要知道的一些事情
2017/07/24 Javascript
详解50行代码,Node爬虫练手项目
2019/04/22 Javascript
javascript使用链接跨域下载图片
2019/11/01 Javascript
python中字符串前面加r的作用
2015/06/04 Python
Python压缩解压缩zip文件及破解zip文件密码的方法
2015/11/04 Python
Python爬虫抓取代理IP并检验可用性的实例
2018/05/07 Python
TensorFlow Session使用的两种方法小结
2018/07/30 Python
pandas ix &amp;iloc &amp;loc的区别
2019/01/10 Python
pycharm重命名文件的方法步骤
2019/07/29 Python
python matplotlib中的subplot函数使用详解
2020/01/19 Python
美国本地交易和折扣网站:LocalFlavor.com
2017/10/26 全球购物
大学生家政服务项目创业计划书
2014/01/30 职场文书
小学生检讨书大全
2014/02/06 职场文书
市场专员岗位职责
2014/02/14 职场文书
生态养殖创业计划书
2014/05/06 职场文书
董事长助理工作职责
2014/06/08 职场文书
法语专业求职信
2014/07/20 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
2014年学生会工作总结范文
2014/11/07 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
SQLServer2019 数据库的基本使用之图形化界面操作的实现
2021/04/08 SQL Server
Pytorch使用shuffle打乱数据的操作
2021/05/20 Python