基于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 相关文章推荐
js获取div高度的代码
Aug 09 Javascript
js中传递特殊字符(+,&amp;)的方法
Jan 16 Javascript
javascript实例--教你实现扑克牌洗牌功能
May 15 Javascript
分享10个原生JavaScript技巧
Apr 20 Javascript
Vue.js每天必学之方法与事件处理器
Sep 06 Javascript
JS回调函数简单用法示例
Feb 09 Javascript
bootstarp modal框居中显示的实现代码
Feb 18 Javascript
layui table 参数设置方法
Aug 14 Javascript
JS使用iView的Dropdown实现一个右键菜单
May 06 Javascript
微信小程序开发实现消息推送
Nov 18 Javascript
ES6 Promise对象的应用实例分析
Jun 27 Javascript
Ajax常用封装库——Axios的使用
May 08 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
用函数读出数据表内容放入二维数组
2006/10/09 PHP
解析PHP 使用curl提交json格式数据
2013/06/29 PHP
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
2014/10/15 PHP
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
当鼠标移动到图片上时跟随鼠标显示放大的图片效果
2013/06/06 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
javascript实现页面内关键词高亮显示代码
2014/04/03 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
jQuery实现的输入框选择时间插件用法实例
2015/02/28 Javascript
JQuery使用$.ajax和checkbox实现下次不在通知功能
2015/04/16 Javascript
Javascript刷新窗口方法小结
2015/10/21 Javascript
深入解析JavaScript中的数字对象与字符串对象
2015/10/21 Javascript
谈谈基于iframe、FormData、FileReader三种无刷新上传文件的方法
2015/12/03 Javascript
VUEJS实战之修复错误并且美化时间(2)
2016/06/13 Javascript
使用vue实现点击按钮滑出面板的实现代码
2017/01/10 Javascript
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
2017/01/17 Javascript
js鼠标跟随运动效果
2017/03/11 Javascript
AngularJS实现的base64编码与解码功能示例
2018/05/17 Javascript
C#程序员入门学习微信小程序的笔记
2019/03/05 Javascript
node.js的http.createServer过程深入解析
2019/06/06 Javascript
VUE.js实现动态设置输入框disabled属性
2019/10/28 Javascript
vue分页插件的使用方法
2019/12/25 Javascript
Python中安装easy_install的方法
2018/11/18 Python
python+mysql实现教务管理系统
2019/02/20 Python
python实现猜拳小游戏
2020/04/05 Python
浅谈Python3识别判断图片主要颜色并和颜色库进行对比的方法
2019/10/25 Python
深入了解Python 方法之类方法 &amp; 静态方法
2020/08/17 Python
意大利会呼吸的鞋:Geox健乐士
2017/02/12 全球购物
大学生村官任职感言
2014/01/09 职场文书
个性发展自我评价
2014/02/11 职场文书
爱护花草树木的标语
2014/06/11 职场文书
课外活动总结范文
2014/07/09 职场文书
计划生育证明格式及范本
2014/10/09 职场文书
回复函范文
2015/07/14 职场文书
干部考核工作总结
2015/08/12 职场文书
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android