基于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实例教程(19) 使用HoTMetal(2)
Dec 23 Javascript
JQuery 选择器 xpath 语法应用
May 13 Javascript
jquery实现页面图片等比例放大缩小功能
Feb 12 Javascript
Jquery网页内滑动缓冲导航的实现代码
Apr 05 Javascript
javascript实现校验文件上传控件实例
Apr 20 Javascript
JQuery中Text方法用法实例分析
May 18 Javascript
JavaScript中的anchor()方法使用详解
Jun 08 Javascript
vue-cli入门之项目结构分析
Apr 20 Javascript
微信小程序使用wxParse解析html的实现示例
Aug 30 Javascript
JS实现判断移动端PC端功能
Feb 21 Javascript
JavaScript鼠标拖拽事件详解
Apr 03 Javascript
vue移动端写的拖拽功能示例代码
Sep 09 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中的array数组类型分析说明
2010/07/27 PHP
PHP通过iconv将字符串从GBK转换为UTF8字符集
2011/07/18 PHP
提升PHP性能的21种方法介绍
2013/06/25 PHP
PHP将二维数组某一个字段相同的数组合并起来的方法
2016/02/26 PHP
Laravel手动分页实现方法详解
2016/10/09 PHP
通过javascript设置css属性的代码
2009/12/28 Javascript
JS中showModalDialog 的使用解析
2013/04/17 Javascript
利用NodeJS和PhantomJS抓取网站页面信息以及网站截图
2013/11/18 NodeJs
Nodejs Stream 数据流使用手册
2016/04/17 NodeJs
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
webpack+vue中使用别名路径引用静态图片地址
2017/11/20 Javascript
初探js和简单隐藏效果的实例
2017/11/23 Javascript
讲解vue-router之什么是编程式路由
2018/05/28 Javascript
微信小程序实现手势滑动卡片效果
2019/08/26 Javascript
js中script的上下放置区别,Dom的增删改创建操作实例分析
2019/12/16 Javascript
VUE中使用HTTP库Axios方法详解
2020/02/05 Javascript
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
简单使用Python自动生成文章
2014/12/25 Python
详解Python的Django框架中的通用视图
2015/05/04 Python
Pyspider中给爬虫伪造随机请求头的实例
2018/05/07 Python
Python3实现腾讯云OCR识别
2018/11/27 Python
python实现自动获取IP并发送到邮箱
2018/12/26 Python
python使用opencv在Windows下调用摄像头实现解析
2019/11/26 Python
Python Http请求json解析库用法解析
2020/11/28 Python
Python字符串的15个基本操作(小结)
2021/02/03 Python
Hertz荷兰:荷兰和全球租车
2018/01/07 全球购物
Vero Moda西班牙官方购物网站:丹麦BESTSELLER旗下知名女装品牌
2018/04/27 全球购物
美国球迷装备的第一来源:FOCO
2020/07/03 全球购物
公司出纳岗位职责
2013/12/07 职场文书
学习十八大精神心得体会
2013/12/31 职场文书
薪酬专员岗位职责
2014/02/18 职场文书
读书活动实施方案
2014/03/10 职场文书
毕业典礼主持词大全
2014/03/26 职场文书
志愿者工作心得体会
2016/01/15 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书