简单易用的倒计时js代码


Posted in Javascript onAugust 04, 2014
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简单易用的倒计时js代码</title>
<style>
*{ margin:0; padding:0; list-style:none;}
body{ font-size:18px; text-align:center;}
.time{ height:30px; padding:200px;}
</style>
</head>
<body>
  <div class="time">
    <span id="t_d">00天</span>
    <span id="t_h">00时</span>
    <span id="t_m">00分</span>
    <span id="t_s">00秒</span>
  </div>
<script>
  function GetRTime(){
    var EndTime= new Date('2014/09/20 00:00:00');
    var NowTime = new Date();
    var t =EndTime.getTime() - NowTime.getTime();
    var d=0;
    var h=0;
    var m=0;
    var s=0;
    if(t>=0){
      d=Math.floor(t/1000/60/60/24);
      h=Math.floor(t/1000/60/60%24);
      m=Math.floor(t/1000/60%60);
      s=Math.floor(t/1000%60);
    }


    document.getElementById("t_d").innerHTML = d + "天";
    document.getElementById("t_h").innerHTML = h + "时";
    document.getElementById("t_m").innerHTML = m + "分";
    document.getElementById("t_s").innerHTML = s + "秒";
  }
  setInterval(GetRTime,0);
</script>

</body>
</html>
Javascript 相关文章推荐
javascript编程起步(第六课)
Feb 27 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
Apr 06 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
ajax在兼容模式下失效的快速解决方法
Mar 22 Javascript
拥有一个属于自己的javascript表单验证插件
Mar 24 Javascript
jQuery的promise与deferred对象在异步回调中的作用
May 03 Javascript
AngularJS教程 ng-style 指令简单示例
Aug 03 Javascript
常用的javascript设计模式
Jan 11 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
Apr 28 Javascript
Vue.js中兄弟组件之间互相传值实例
Jun 01 Javascript
Node.js之删除文件夹(含递归删除)代码实例
Sep 09 Javascript
JavaScript适配器模式原理与用法实例详解
Mar 09 Javascript
javascript中with()方法的语法格式及使用
Aug 04 #Javascript
深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例
Aug 04 #Javascript
checkbox选中与未选中判断示例
Aug 04 #Javascript
Node.js插件的正确编写方式
Aug 03 #Javascript
基于jquery实现的可编辑下拉框实现代码
Aug 02 #Javascript
基于编写jQuery的无缝滚动插件
Aug 02 #Javascript
js使用removeChild方法动态删除div元素
Aug 01 #Javascript
You might like
Windows下的PHP5.0详解
2006/11/18 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
PHP实现获取毫秒时间戳的方法【使用microtime()函数】
2019/03/01 PHP
PHP利用curl发送HTTP请求的实例代码
2020/07/09 PHP
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
2008/11/24 Javascript
JavaScript获取DOM元素的11种方法总结
2015/04/25 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记9)
2015/12/24 Javascript
js确认框confirm()用法实例详解
2016/01/07 Javascript
浅析jquery unbind()方法移除元素绑定的事件
2016/05/24 Javascript
实例解析Array和String方法
2016/12/14 Javascript
Vue数据驱动模拟实现3
2017/01/11 Javascript
原生js实现无限循环轮播图效果
2017/01/20 Javascript
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
js获取文件里面的所有文件名(实例)
2017/10/17 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
2018/10/10 jQuery
vue-cli3 karma单元测试的实现
2019/01/18 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
vue中如何添加百度统计代码
2020/12/19 Vue.js
[02:50]2014DOTA2 TI预选赛预选赛 大神专访第一弹!
2014/05/21 DOTA
[01:00]选手抵达华西村 整装待发备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
Python RuntimeError: thread.__init__() not called解决方法
2015/04/28 Python
mac在matplotlib中显示中文的操作方法
2020/03/06 Python
如何安装并在pycharm使用selenium的方法
2020/04/30 Python
玖熙女鞋美国官网:Nine West
2016/10/06 全球购物
Farfetch美国:奢侈品牌时尚购物平台
2019/05/02 全球购物
节能环保标语
2014/06/12 职场文书
中国梦演讲稿5分钟
2014/08/19 职场文书
校园主题婚礼活动策划方案
2014/09/15 职场文书
民主评议党员登记表自我评价
2014/10/20 职场文书
优秀党员先进材料
2014/12/18 职场文书
前台岗位职责
2015/02/13 职场文书
党员个人年度总结
2015/02/14 职场文书
军事理论课感想
2015/08/11 职场文书
2016年度基层党建工作公开承诺书
2016/03/25 职场文书
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript