基于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 相关文章推荐
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
Jul 09 Javascript
Javascript中的默认参数详解
Oct 22 Javascript
Javascript中实现String.startsWith和endsWith方法
Jun 10 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
Nov 04 Javascript
jQuery实现带水平滑杆的焦点图动画插件
Mar 08 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
详解如何使用vue-cli脚手架搭建Vue.js项目
May 19 Javascript
jsonp跨域请求详解
Jul 13 Javascript
基于input框覆盖掉数字英文的实例讲解
Jul 21 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
Jan 03 Javascript
Vue中的组件及路由使用实例代码详解
May 22 Javascript
了解JavaScript函数中的默认参数
May 30 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教程孙仲岳主讲
2008/01/07 PHP
PHP 使用MySQL管理Session的回调函数详解
2013/06/21 PHP
ThinkPHP实现二级循环读取的方法
2014/11/03 PHP
php常用字符串处理函数实例分析
2014/11/22 PHP
Yii2 assets清除缓存的方法
2016/05/16 PHP
php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
2018/02/06 PHP
IE 上下滚动展示模仿Marquee机制
2009/12/20 Javascript
关于textarea提交的内容无法换行的解决办法
2013/04/09 Javascript
javascript获取URL参数与参数值的示例代码
2013/12/20 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
2014/09/01 Javascript
jQuery中outerHeight()方法用法实例
2015/01/19 Javascript
jquery自定义插件——window的实现【示例代码】
2016/05/06 Javascript
微信小程序(三):网络请求
2017/01/13 Javascript
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
2017/10/19 jQuery
原生js封装添加class,删除class的实例
2017/11/06 Javascript
GOJS+VUE实现流程图效果
2018/12/01 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
2019/11/04 Javascript
微信小程序webSocket的使用方法
2020/02/20 Javascript
python中类和实例如何绑定属性与方法示例详解
2017/08/18 Python
Django使用详解:ORM 的反向查找(related_name)
2018/05/30 Python
新手如何发布Python项目开源包过程详解
2019/07/11 Python
Python字符串和正则表达式中的反斜杠('\')问题详解
2019/09/03 Python
python传到前端的数据,双引号被转义的问题
2020/04/03 Python
CSS3教程(5):网页背景图片
2009/04/02 HTML / CSS
css3实现顶部社会化分享按钮示例
2014/05/06 HTML / CSS
用HTML5实现手机摇一摇的功能的教程
2012/10/30 HTML / CSS
纪伊国屋新加坡网上书店:Kinokuniya新加坡
2017/12/29 全球购物
BIBLOO波兰:捷克的一家在线服装店
2018/03/09 全球购物
美国奢侈品购物平台:Orchard Mile
2018/05/02 全球购物
个人职业生涯规划书1500字
2013/12/31 职场文书
学校班子个人对照检查材料思想汇报
2014/09/27 职场文书
技术支持岗位职责
2015/02/13 职场文书
护士个人年度总结范文
2015/02/13 职场文书
六五普法心得体会2016
2016/01/21 职场文书
微信小程序 根据不同用户切换不同TabBar
2022/04/21 Javascript