基于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的trim,ltrim,rtrim自定义函数
Sep 21 Javascript
Firefox div高度自适应
Apr 28 Javascript
学习JS面向对象成果 借国庆发布个最新作品与大家交流
Oct 03 Javascript
JQuery 网站换肤功能实现代码
Nov 02 Javascript
JavaScript实现QueryString获取GET参数的方法
Jul 02 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 Javascript
关于微信jssdk实现多图片上传的一点心得分享
Dec 13 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
underscore之function_动力节点Java学院整理
Jul 11 Javascript
JavaScript剩余操作符Rest Operator详解
Jul 20 Javascript
vue实现移动端图片上传功能
Dec 23 Javascript
基于JavaScript实现随机点名器
Feb 25 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 auth_http类库进行身份效验
2009/03/19 PHP
PHP防止表单重复提交的几种常用方法汇总
2014/08/19 PHP
php实现Linux服务器木马排查及加固功能
2014/12/29 PHP
PHP图形计数器程序显示网站用户浏览量
2016/07/20 PHP
PHP中PCRE正则解析代码详解
2019/04/26 PHP
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
2011/10/29 Javascript
javascript (用setTimeout而非setInterval)
2011/12/28 Javascript
JavaScript在IE和FF下的兼容性问题
2014/05/19 Javascript
jQuery常用操作方法及常用函数总结
2014/06/19 Javascript
JQuery遍历json数组的3种方法
2014/11/08 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
2015/02/20 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
2015/09/22 Javascript
跨域请求的完美解决方法(JSONP, CORS)
2016/06/12 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
2016/08/02 Javascript
关于JavaScript限制字数的输入框的那些事
2016/08/14 Javascript
Javascript中apply、call、bind的巧妙使用
2016/08/18 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
2017/03/29 Javascript
Angular2.js实现表单验证详解
2017/06/23 Javascript
基于jQuery Easyui实现登陆框界面
2017/07/10 jQuery
ajax请求+vue.js渲染+页面加载的示例
2018/02/11 Javascript
浅谈Vue初学之props的驼峰命名
2018/07/19 Javascript
微信小程序url传参写变量的方法
2018/08/09 Javascript
Node.js 实现抢票小工具 &amp; 短信通知提醒功能
2019/10/22 Javascript
Python 结巴分词实现关键词抽取分析
2017/10/21 Python
Python+selenium实现自动循环扔QQ邮箱漂流瓶
2018/05/29 Python
python requests.post带head和body的实例
2019/01/02 Python
CSS3制作Dropdown下拉菜单的方法
2015/07/18 HTML / CSS
CSS3 animation ? steps 函数详解
2019/08/30 HTML / CSS
英国口碑最好的的维他命胶囊品牌:Myvitamins(有中文站)
2016/12/03 全球购物
运动会四百米广播稿
2014/01/19 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
爱心助学感谢信
2015/01/21 职场文书
2015仓库保管员年终工作总结
2015/05/13 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书
CSS3实现的水平标题菜单
2021/04/14 HTML / CSS
TV动画《神废柴☆偶像》公布先导PV
2022/03/20 日漫