基于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的ajax基础上的超强GridView展示
Sep 18 Javascript
window.open不被拦截的实现代码
Aug 22 Javascript
JS正则表达式验证数字代码
Jan 28 Javascript
jquery动态添加删除一行数据示例
Jun 12 Javascript
jQuery分别获取选中的复选框值的示例
Jun 17 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
Dec 31 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
基于JS实现仿百度百家主页的轮播图效果
Mar 06 Javascript
js实现添加删除表格(两种方法)
Apr 27 Javascript
Vue 表情包输入组件的实现代码
Jan 21 Javascript
vue 解决IOS10低版本白屏的问题
Nov 17 Javascript
关于Javascript闭包与应用的详解
Apr 22 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 7.4中使用预加载的方法详解
2019/07/08 PHP
thinkphp 5框架实现登陆,登出及session登陆状态检测功能示例
2019/10/10 PHP
围观tangram js库
2010/12/28 Javascript
JS获取键盘上任意按键的值(实例代码)
2013/11/12 Javascript
jquery控制display属性为none或block
2014/03/31 Javascript
网页右侧悬浮滚动在线qq客服代码示例
2014/04/28 Javascript
js操作DOM--添加、删除节点的简单实例
2016/07/08 Javascript
移动适配的几种方案(三种方案)
2016/11/25 Javascript
详解js的事件处理函数和动态创建html标记方法
2016/12/16 Javascript
JS实现超简单的汉字转拼音功能示例
2016/12/22 Javascript
jquery实现图片轮播器
2017/05/23 jQuery
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
vue开发调试神器vue-devtools使用详解
2017/07/13 Javascript
Angular.js中数组操作的方法教程
2017/07/31 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
用最简单的方法判断JavaScript中this的指向(推荐)
2017/09/04 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
2019/08/27 Javascript
ES6新增的数组知识实例小结
2020/05/23 Javascript
Ant Design Pro 之 ProTable使用操作
2020/10/31 Javascript
[01:25:09]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第二场
2014/05/24 DOTA
[40:16]TFT vs Mski Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
Python中pow()和math.pow()函数用法示例
2018/02/11 Python
python实现简易内存监控
2018/06/21 Python
python 实现数字字符串左侧补零的方法
2018/12/04 Python
详解Appium+Python之生成html测试报告
2019/01/04 Python
django foreignkey(外键)的实现
2019/07/29 Python
Python join()函数原理及使用方法
2020/11/14 Python
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
美国最佳在线航班预订网站:LookupFare
2019/03/26 全球购物
美体小铺法国官方网站:The Body Shop法国
2020/06/04 全球购物
《在大海中永生》教学反思
2014/02/24 职场文书
对标管理实施方案
2014/03/12 职场文书
出国留学经济担保书
2014/04/01 职场文书
2015年中学元旦晚会活动方案
2014/12/09 职场文书
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python
Python+Tkinter制作专属图形化界面
2022/04/01 Python