基于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函数库-集合框架
Apr 27 Javascript
使用jquery实现IE下按backspace相当于返回操作
Mar 18 Javascript
比例尺、缩略图、平移缩放之百度地图添加控件方法
Aug 03 Javascript
javascript实现简单的全选和反选功能
Jan 05 Javascript
基于Bootstrap的Metronic框架实现条码和二维码的生成及打印处理操作
Aug 29 Javascript
JavaScript运动框架 解决防抖动问题、悬浮对联(二)
May 17 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
Sep 20 Javascript
vue+vue-validator 表单验证功能的实现代码
Nov 13 Javascript
angularJS的radio实现单项二选一的使用方法
Feb 28 Javascript
详解Node使用Puppeteer完成一次复杂的爬虫
Apr 18 Javascript
React Form组件的实现封装杂谈
May 07 Javascript
深入讲解Vue中父子组件通信与事件触发
Mar 22 Vue.js
可以浮动某个物体的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 或网站服务器日志,并正确配置 PHP 安装(win+linux)
2012/05/05 PHP
php防止CC攻击代码 php防止网页频繁刷新
2015/12/21 PHP
详解PHP处理字符串类似indexof的方法函数
2017/06/11 PHP
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010/04/15 Javascript
jQuery hover 延时器实现代码
2011/03/12 Javascript
NodeJs中的非阻塞方法介绍
2012/06/05 NodeJs
JQuery DataTable删除行后的页面更新利用Ajax解决
2013/05/17 Javascript
js拼接html注意问题示例探讨
2014/07/14 Javascript
Javascript基础教程之数据类型转换
2015/01/18 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
javascript实现随机生成DIV背景色
2016/06/20 Javascript
浅谈jQuery中事情的动态绑定
2017/02/12 Javascript
js实现音乐播放控制条
2017/09/09 Javascript
详解vue + vuex + directives实现权限按钮的思路
2017/10/24 Javascript
微信小程序如何获取openid及用户信息
2018/01/26 Javascript
详解React 条件渲染
2020/07/08 Javascript
js编写简易的计算器
2020/07/29 Javascript
Vue中使用JsonView来展示Json树的实例代码
2020/11/16 Javascript
python删除列表中重复记录的方法
2015/04/28 Python
Windows上配置Emacs来开发Python及用Python扩展Emacs
2015/11/20 Python
在Python的Flask中使用WTForms表单框架的基础教程
2016/06/07 Python
使用Python生成XML的方法实例
2017/03/21 Python
python+opencv实现动态物体识别
2018/01/09 Python
python学习--使用QQ邮箱发送邮件代码实例
2019/04/16 Python
python卸载后再次安装遇到的问题解决
2019/07/10 Python
CSS3实现全景图特效示例代码
2018/03/26 HTML / CSS
中国综合网上购物商城:苏宁易购
2016/08/09 全球购物
override和overload的区别
2016/03/09 面试题
中秋节主持词
2014/04/02 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
骨干教师事迹材料
2014/12/17 职场文书
北京青年观后感
2015/06/15 职场文书
2015年教师节主持词
2015/07/03 职场文书
经典哲理警句:志不真则心不热,心不热则功不贤
2019/11/14 职场文书
使用pandas生成/读取csv文件的方法实例
2021/07/09 Python
Python 文字识别
2022/05/11 Python