简单易用的倒计时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 相关文章推荐
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
JavaScript function 的 length 属性使用介绍
Sep 15 Javascript
基于jquery实现简单的分页控件
Mar 17 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
Mar 30 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
Feb 22 Javascript
Angular4 中常用的指令入门总结
Jun 12 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 jQuery
Node.js 使用AngularJS的方法示例
May 11 Javascript
JS实现的汉字与Unicode码相互转化功能分析
May 25 Javascript
JavaScript获取页面元素的常用方法详解
Sep 28 Javascript
Node对CommonJS的模块规范
Nov 06 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
PHP面向对象分析设计的61条军规小结
2010/07/17 PHP
基于php下载文件的详解
2013/06/02 PHP
详解PHP原生DOM对象操作XML的方法
2016/10/17 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
laravel 字段格式化 modle 字段类型转换方法
2019/09/30 PHP
laravel5.1 ajax post 传值_token示例
2019/10/24 PHP
js中的eventType事件及其浏览器支持性介绍
2013/11/29 Javascript
javascript匿名函数应用示例介绍
2014/03/07 Javascript
JS高级调试技巧:捕获和分析 JavaScript Error详解
2014/03/16 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
AngularJS  ng-table插件设置排序
2016/09/21 Javascript
Bootstrap CSS布局之代码
2016/12/17 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
2019/04/23 Javascript
微信小程序引入Vant组件库过程解析
2019/08/06 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
2020/06/04 Javascript
Python实现发送email的几种常用方法
2014/08/18 Python
跟老齐学Python之编写类之二方法
2014/10/11 Python
Python实现模拟登录及表单提交的方法
2015/07/25 Python
Python使用dis模块把Python反编译为字节码的用法详解
2016/06/14 Python
Python ldap实现登录实例代码
2016/09/30 Python
Python cookbook(数据结构与算法)实现优先级队列的方法示例
2018/02/18 Python
tensorflow构建BP神经网络的方法
2018/03/12 Python
Python Django 命名空间模式的实现
2019/08/09 Python
PyTorch之图像和Tensor填充的实例
2019/08/18 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
在Pytorch中计算自己模型的FLOPs方式
2019/12/30 Python
Pyinstaller打包Scrapy项目的实现步骤
2020/09/22 Python
pycharm 实现复制一行的快捷键
2021/01/15 Python
新东方旗下远程教育网站:新东方在线
2020/03/19 全球购物
学习党课思想汇报
2013/12/29 职场文书
优秀大学生职业生涯规划书
2014/02/27 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
2015年消防工作总结
2015/04/24 职场文书
紫日观后感
2015/06/05 职场文书
Django如何与Ajax交互
2021/04/29 Python
微信小程序实现录音Record功能
2021/05/09 Javascript