基于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 相关文章推荐
如何在一个页面显示多个百度地图
Apr 07 Javascript
在Javascript中 声明时用&quot;var&quot;与不用&quot;var&quot;的区别
Apr 15 Javascript
jquery实现简单的无缝滚动
Apr 15 Javascript
easyui导出excel无法弹出下载框的快速解决方法
Nov 10 Javascript
微信小程序 数据遍历的实现
Apr 05 Javascript
Vue中img的src属性绑定与static文件夹实例
May 18 Javascript
vue编译打包本地查看index文件的方法
Feb 23 Javascript
通过函数作用域和块级作用域看javascript的作用域链
Aug 05 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
Aug 20 Javascript
Vue实现商品分类菜单数量提示功能
Jul 26 Javascript
基于Vue的商品主图放大镜方案详解
Sep 19 Javascript
实例分析javascript中的异步
Jun 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
Win7下手动安装apache2.2、php5.4笔记
2015/04/03 PHP
php将文件夹打包成zip文件的简单实现方法
2016/10/04 PHP
Javascript String.replace的妙用
2009/09/08 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
js 中的switch表达式使用示例
2020/06/03 Javascript
JS实现匀速运动的代码实例
2013/11/29 Javascript
使用JS+plupload直接批量上传图片到又拍云
2014/12/01 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
2015/02/02 Javascript
js removeChild 方法深入理解
2016/08/16 Javascript
基于easyui checkbox 的一些操作处理方法
2017/07/10 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
2017/11/22 Javascript
Angularjs中date过滤器失效的问题及解决方法
2018/07/06 Javascript
element-ui表格列金额显示两位小数的方法
2018/08/24 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
如何通过JS实现转码与解码
2020/02/21 Javascript
antd 表格列宽自适应方法以及错误处理操作
2020/10/27 Javascript
跟老齐学Python之大话题小函数(1)
2014/10/10 Python
Python实现批量将word转html并将html内容发布至网站的方法
2015/07/14 Python
python向已存在的excel中新增表,不覆盖原数据的实例
2018/05/02 Python
python 使用正则表达式按照多个空格分割字符的实例
2018/12/20 Python
python 读取文件并把矩阵转成numpy的两种方法
2019/02/12 Python
Python2与Python3的区别实例总结
2019/04/17 Python
Django打印出在数据库中执行的语句问题
2019/07/25 Python
Python简易版停车管理系统
2019/08/12 Python
基于Python批量生成指定尺寸缩略图代码实例
2019/11/20 Python
Python如何读取、写入JSON数据
2020/07/28 Python
Python 中如何使用 virtualenv 管理虚拟环境
2021/01/21 Python
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
美国保健品专家:Life Extension
2018/05/04 全球购物
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
怎样客观的做好自我评价
2013/12/28 职场文书
法制宣传月活动方案
2014/05/11 职场文书
宣传口号大全
2014/06/16 职场文书
2015学习委员工作总结范文
2015/04/03 职场文书
会议主持词通用版
2019/04/02 职场文书
使用numpy nonzero 找出非0元素
2021/05/14 Python