基于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模仿ie的自动完成类似自动完成功的表单
Dec 12 Javascript
js中substring和substr的详细介绍与用法
Aug 29 Javascript
通过length属性判断jquery对象是否存在
Oct 18 Javascript
js实现浏览器的各种菜单命令比如打印、查看源文件等等
Oct 24 Javascript
jQuery实现动态添加和删除一个div
Aug 12 Javascript
JS实现仿QQ效果的三级竖向菜单
Sep 25 Javascript
Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果
Jul 07 Javascript
angularjs实现分页和搜索功能
Jan 03 Javascript
详解vuex commit保存数据技巧
Dec 25 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
May 16 Javascript
CKeditor4 字体颜色功能配置方法教程
Jun 26 Javascript
Vue管理系统前端之组件拆分封装详解
Aug 23 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
ThinkPHP3.1新特性之多层MVC的支持
2014/06/19 PHP
PHP错误处理函数
2016/04/03 PHP
php自定义函数实现汉字转换utf8编码的方法
2016/09/29 PHP
Laravel框架Auth用户认证操作实例分析
2019/09/29 PHP
thinkphp5 模型实例化获得数据对象的教程
2019/10/18 PHP
javascript通过className来获取元素的简单示例代码
2014/01/10 Javascript
全面兼容的javascript时间格式化函数(比较实用)
2014/05/14 Javascript
javascript解析json实例详解
2014/11/05 Javascript
js动态创建及移除div的方法
2015/06/03 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
2015/11/17 Javascript
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
微信小程序  生命周期详解
2016/10/27 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
JS中数据结构之栈
2019/01/01 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
2019/10/12 Javascript
js根据后缀判断文件文件类型的代码
2020/05/09 Javascript
vue使用video插件vue-video-player的示例
2020/10/03 Javascript
pycharm 使用心得(七)一些实用功能介绍
2014/06/06 Python
Python实现获取某天是某个月中的第几周
2015/02/11 Python
Windows下使Python2.x版本的解释器与3.x共存的方法
2015/10/25 Python
python正则分析nginx的访问日志
2017/01/17 Python
Python如何import文件夹下的文件(实现方法)
2017/01/24 Python
python Selenium爬取内容并存储至MySQL数据库的实现代码
2017/03/16 Python
使用sklearn进行对数据标准化、归一化以及将数据还原的方法
2018/07/11 Python
python使用Plotly绘图工具绘制气泡图
2019/04/01 Python
Python实现微信消息防撤回功能的实例代码
2019/04/29 Python
基于python实现音乐播放器代码实例
2020/07/01 Python
Python基于template实现字符串替换
2020/11/27 Python
优衣库美国官网:UNIQLO美国
2018/04/14 全球购物
数据库的约束含义
2012/09/09 面试题
绩效工资分配方案
2014/01/18 职场文书
个人借条范本
2015/05/25 职场文书
JS + HTML 罗盘式时钟的实现
2021/05/21 Javascript
详解Vue3使用axios的配置教程
2022/04/29 Vue.js