基于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 相关文章推荐
取得传值的函数
Oct 27 Javascript
jQuery Div中加载其他页面的实现代码
Feb 27 Javascript
jquery实现div拖拽宽度示例代码
Jul 31 Javascript
制作jquery遮罩层效果导航菜单代码分享
Dec 25 Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
May 11 Javascript
node.js中的fs.write方法使用说明
Dec 15 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
Apr 15 Javascript
Jquery $when done then的用法详解
May 20 Javascript
详解Angular开发中的登陆与身份验证
Jul 27 Javascript
Node.js 中exports 和 module.exports 的区别
Mar 14 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
Mar 21 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
Nov 02 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
盘点被央视点名过的日本动画电影 一部比一部强
2020/03/08 日漫
解析posix与perl标准的正则表达式区别
2013/06/17 PHP
PHP fastcgi模式上传大文件(大约有300多K)报错
2014/09/28 PHP
thinkPHP5.0框架自动加载机制分析
2017/03/18 PHP
php+redis消息队列实现抢购功能
2018/02/08 PHP
用javascript实现自定义标签
2007/05/08 Javascript
javascript 清空form表单中某种元素的值
2009/12/26 Javascript
九种原生js动画效果
2015/11/11 Javascript
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
2015/12/10 Javascript
javascript实现移动端上的触屏拖拽功能
2016/03/04 Javascript
AngularJS ng-change 指令的详解及简单实例
2016/07/30 Javascript
JavaScript获取URL中参数querystring的方法详解
2016/10/11 Javascript
js 原型对象和原型链理解
2017/02/09 Javascript
vue.js实现插入数值与表达式的方法分析
2018/07/06 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
2019/04/09 Javascript
DatePickerDialog 自定义样式及使用全解
2019/07/09 Javascript
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
2019/09/02 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
2019/10/31 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
2020/06/16 Javascript
python网络编程学习笔记(一)
2014/06/09 Python
python批量同步web服务器代码核心程序
2014/09/01 Python
简述Python中的面向对象编程的概念
2015/04/27 Python
Python实现字符串格式化的方法小结
2017/02/20 Python
python实现发送邮件功能代码
2017/12/14 Python
python多线程高级锁condition简单用法示例
2019/11/07 Python
CSS3实现银灰色动画效果的导航菜单代码
2015/09/01 HTML / CSS
冰淇淋开店创业计划书
2014/02/01 职场文书
潘婷洗发水广告词
2014/03/14 职场文书
护理专业毕业生自荐书
2014/05/24 职场文书
党员对照检查材料思想汇报(党的群众路线)
2014/09/24 职场文书
婚前协议书范本两则
2014/10/16 职场文书
毕业生就业推荐表自我评价
2015/03/02 职场文书
幼儿园教师安全责任书
2015/05/08 职场文书
聋哑人盗窃罪辩护词
2015/05/21 职场文书
php字符串倒叙
2021/04/01 PHP
SpringBoot2零基础到精通之数据与页面响应
2022/03/22 Java/Android