简单易用的倒计时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实现动态菜单添加的实例代码
Jul 05 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
Nov 05 Javascript
jquery获取tagName再进行判断
May 29 Javascript
JavaScript中继承用法实例分析
May 16 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
May 17 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
Nov 17 Javascript
JS定时器用法分析【时钟与菜单中的应用】
Dec 21 Javascript
JS/HTML5游戏常用算法之追踪算法实例详解
Dec 12 Javascript
Node.js console控制台简单用法分析
Jan 04 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
Apr 22 Javascript
详解javascript中的Error对象
Apr 25 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 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
DOTA2 1月28日更新:监管系统降临刀塔世界
2021/01/28 DOTA
php中判断文件存在是用file_exists还是is_file的整理
2012/09/12 PHP
PHP简单读取PDF页数的实现方法
2016/07/21 PHP
php PDO判断连接是否可用的实现方法
2017/04/03 PHP
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
PHP使用文件锁解决高并发问题示例
2018/03/29 PHP
关于PHP求解三数之和问题详析
2020/11/09 PHP
需要做特殊处理的DOM元素属性的访问
2010/11/05 Javascript
JavaScript中的几个关键概念的理解-原型链的构建
2011/05/12 Javascript
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
2013/06/05 Javascript
js编码、解码函数介绍及其使用示例
2013/09/05 Javascript
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
Web表单提交之disabled问题js解决方法
2015/01/13 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
2015/03/02 Javascript
javascript用函数实现对象的方法
2015/05/14 Javascript
JavaScript基础篇(6)之函数表达式闭包
2015/12/11 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
2016/01/08 Javascript
基于JavaScript实现轮播图代码
2016/07/14 Javascript
过期软件破解办法实例详解
2017/01/04 Javascript
jquery实现文字单行横移或翻转(上下、左右跳转)
2017/01/08 Javascript
深入理解Vue transition源码分析
2017/07/30 Javascript
JavaScript 数组的进化与性能分析
2017/09/18 Javascript
vue 父组件通过v-model接收子组件的值的代码
2019/10/27 Javascript
Python函数可变参数定义及其参数传递方式实例详解
2015/05/25 Python
python 使用pdfminer3k 读取PDF文档的例子
2019/08/27 Python
keras-siamese用自己的数据集实现详解
2020/06/10 Python
Python 使用Opencv实现目标检测与识别的示例代码
2020/09/08 Python
Python实现区域填充的示例代码
2021/02/03 Python
Nike爱尔兰官方网站:Nike.com (IE)
2018/03/12 全球购物
美国体育用品商店:Academy Sports + Outdoors
2020/01/04 全球购物
Java语言的优势
2015/01/10 面试题
2014年社区妇联工作总结
2014/12/02 职场文书
司考复习计划
2015/01/19 职场文书
辞职信格式模板
2015/02/27 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
公司劳动纪律管理制度
2015/08/04 职场文书