简单易用的倒计时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 相关文章推荐
js资料toString 方法
Mar 13 Javascript
jquery miniui 教程 表格控件 合并单元格应用
Nov 25 Javascript
jQuery使用addClass()方法给元素添加多个class样式
Mar 26 Javascript
浅谈JavaScript中的对象及Promise对象的实现
Nov 15 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
Dec 15 Javascript
javaScript嗅探执行神器-sniffer.js
Feb 14 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
Mar 02 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
详解使用webpack+electron+reactJs开发windows桌面应用
Feb 01 Javascript
vue setInterval 定时器失效的解决方式
Jul 30 Javascript
vue+Element-ui实现分页效果
Nov 15 Javascript
vue穿梭框实现上下移动
Jan 29 Vue.js
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三步曲(中)
2006/10/09 PHP
smarty实例教程
2006/11/19 PHP
PHP手机号码及邮箱正则表达式实例解析
2020/07/11 PHP
两个JavaScript jsFiddle JSBin在线调试器
2010/03/14 Javascript
用JS判别浏览器种类以及IE版本的几种方法小结
2011/08/02 Javascript
jQuery遍历Table应用示例
2014/04/09 Javascript
JS常用字符串处理方法应用总结
2014/05/22 Javascript
JavaScript函数详解
2014/11/17 Javascript
javascript修改图片src的方法
2015/01/27 Javascript
jQuery平滑旋转幻灯片特效代码分享
2015/09/07 Javascript
jQuery实现带水平滑杆的焦点图动画插件
2016/03/08 Javascript
Jquery判断form表单数据是否变化
2016/03/30 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
2016/06/12 Javascript
AngularJS 中文API参考手册
2016/07/28 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
jQuery 判断元素整理汇总
2017/02/28 Javascript
Vue.js鼠标悬浮更换图片功能
2017/05/17 Javascript
详解Angular 4 表单快速入门
2017/06/05 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
2018/08/20 Javascript
vue-cli3.0 环境变量与模式配置方法
2018/11/08 Javascript
python dict 相同key 合并value的实例
2019/01/21 Python
python 字典访问的三种方法小结
2019/12/05 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
python——全排列数的生成方式
2020/02/26 Python
如何基于python实现不邻接植花
2020/05/01 Python
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
英国信箱在线鲜花速递公司:Bloom & Wild
2019/03/10 全球购物
毕业自我鉴定怎么写
2014/03/25 职场文书
农村文化活动总结
2014/08/28 职场文书
离职证明标准格式
2014/09/15 职场文书
四风问题原因分析及整改措施
2014/10/24 职场文书
中秋节感想
2015/08/10 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书
如何用python插入独创性声明
2021/03/31 Python
Python常遇到的错误和异常
2021/11/02 Python
pandas中关于apply+lambda的应用
2022/02/28 Python