简单易用的倒计时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代码在页面加载时的执行顺序介绍
May 03 Javascript
Js获取下拉框选定项的值和文本的实现代码
Feb 26 Javascript
jquery操作checked属性以及disabled属性的多种方法
Jun 20 Javascript
javascript委托(Delegate)blur和focus用法实例分析
May 26 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
Dec 07 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
Oct 10 Javascript
Vue指令的钩子函数使用方法
Mar 20 Javascript
javascript中json对象json数组json字符串互转及取值方法
Apr 19 Javascript
vue数字类型过滤器的示例代码
Sep 07 Javascript
vue--点击当前增加class,其他删除class的方法
Sep 15 Javascript
JS使用对象的defineProperty进行变量监控操作示例
Feb 02 Javascript
手把手带你封装一个vue component第三方库
Feb 14 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和JavaScrip分别获取关联数组的键值示例代码
2013/09/16 PHP
简单实用的网站PHP缓存类实例
2014/07/18 PHP
php筛选不存在的图片资源
2015/04/28 PHP
php单一接口的实现方法
2015/06/20 PHP
ThinkPHP5.0框架验证码功能实现方法【基于第三方扩展包】
2019/03/11 PHP
javascript下给元素添加事件的方法与代码
2007/08/13 Javascript
TinyMCE 新增本地图片上传功能
2010/11/05 Javascript
javascript学习笔记(十) js对象 继承
2012/06/19 Javascript
使用jQuery实现的网页版的个人简历(可换肤)
2013/04/19 Javascript
jQuery中after()方法用法实例
2014/12/25 Javascript
详解AngularJS中的表格使用
2015/06/16 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
2015/12/11 Javascript
js实现自动轮换选项卡
2017/01/13 Javascript
BOM之navigator对象和用户代理检测
2017/02/10 Javascript
JS实现图片放大缩小的方法
2017/02/15 Javascript
详谈angularjs中路由页面强制更新的问题
2017/04/24 Javascript
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
基于Three.js实现360度全景图片
2018/12/30 Javascript
JavaScript实现留言板案例
2020/03/17 Javascript
实用的 vue tags 创建缓存导航的过程实现
2020/12/03 Vue.js
Python列表生成器的循环技巧分享
2015/03/06 Python
常用python编程模板汇总
2016/02/12 Python
windows下python之mysqldb模块安装方法
2017/09/07 Python
Python+OpenCV人脸检测原理及示例详解
2020/10/19 Python
简单实现python画圆功能
2018/01/25 Python
python reverse反转部分数组的实例
2018/12/13 Python
对python判断ip是否可达的实例详解
2019/01/31 Python
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
美国网上鞋城:Shoeline.com
2016/11/17 全球购物
报关简历自我评价怎么写
2013/09/19 职场文书
硕士研究生自我鉴定范文
2013/12/27 职场文书
小班秋游活动方案
2014/02/22 职场文书
《果园机器人》教学反思
2014/04/13 职场文书
2014年社区国庆节活动方案
2014/09/16 职场文书
反腐倡廉学习心得体会范文
2015/08/15 职场文书