简单易用的倒计时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 相关文章推荐
Mootools 1.2教程(2) DOM选择器
Sep 14 Javascript
DOM和XMLHttpRequest对象的属性和方法整理
Jan 04 Javascript
javascript中style.left和offsetLeft的用法说明
Mar 07 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
Feb 17 Javascript
jQuery过滤特殊字符及JS字符串转为数字
May 26 Javascript
js 博客内容进度插件详解
Feb 19 Javascript
JavaScript基于activexobject连接远程数据库SQL Server 2014的方法
Jul 12 Javascript
JavaScript中各数制转换全面总结
Aug 21 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
Aug 23 Javascript
react实现换肤功能的示例代码
Aug 14 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
Aug 20 Javascript
JS寄快递地址智能解析的实现代码
Jul 16 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
DIY实用性框形天线
2021/03/02 无线电
亲密接触PHP之PHP语法学习笔记1
2006/12/17 PHP
基于php-fpm的配置详解
2013/06/03 PHP
PHP函数http_build_query使用详解
2014/08/20 PHP
thinkphp的静态缓存用法分析
2014/11/29 PHP
tp5(thinkPHP5)框架实现多数据库查询的方法
2019/01/10 PHP
PHP接口类(interface)的定义、特点和应用示例
2020/05/18 PHP
js checkbox(复选框) 使用集锦
2009/04/28 Javascript
js 动态选中下拉框
2009/11/26 Javascript
父子窗体间传递JSON格式的数据的代码
2010/12/25 Javascript
js防止表单重复提交实现代码
2012/09/05 Javascript
编写高效jQuery代码的4个原则和5个技巧
2014/04/24 Javascript
通过伪协议解决父页面与iframe页面通信的问题
2015/04/05 Javascript
JS实现点击上移下移LI行数据的方法
2015/08/05 Javascript
JavaScript对Json的增删改属性详解
2016/06/02 Javascript
ES6入门教程之Class和Module详解
2017/05/17 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
2017/10/25 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
Vue 解决路由过渡动画抖动问题(实例详解)
2020/01/05 Javascript
jQuery cookie的公共方法封装和使用示例
2020/06/01 jQuery
vue打包npm run build时候界面报错的解决
2020/08/13 Javascript
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
[49:58]完美世界DOTA2联赛PWL S3 Magma vs DLG 第一场 12.18
2020/12/19 DOTA
python计算对角线有理函数插值的方法
2015/05/07 Python
Python实现控制台输入密码的方法
2015/05/29 Python
使用Python的Twisted框架构建非阻塞下载程序的实例教程
2016/05/25 Python
Django项目中包含多个应用时对url的配置方法
2018/05/30 Python
基于python代码实现简易滤除数字的方法
2018/07/17 Python
python中partial()基础用法说明
2018/12/30 Python
python3中sys.argv的实例用法
2020/04/24 Python
Python grequests模块使用场景及代码实例
2020/08/10 Python
python切割图片的示例
2020/11/12 Python
Windows和Linux动态库应用异同
2016/04/17 面试题
民政局个人整改措施
2014/09/24 职场文书
爱的教育读书笔记
2015/06/26 职场文书
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS