简单易用的倒计时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中不等于的代码是什么怎么写
Dec 29 Javascript
ExtJS4如何给同一个formpanel不同的url
May 02 Javascript
node.js中的fs.symlink方法使用说明
Dec 15 Javascript
jQuery中parents()方法用法实例
Jan 07 Javascript
在JavaScript中使用对数Math.log()方法的教程
Jun 15 Javascript
微信小程序之MaterialDesign--input组件详解
Feb 15 Javascript
Javascript es7中比较实用的两个方法示例
Jul 21 Javascript
vue+element+Java实现批量删除功能
Apr 08 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
Apr 13 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
Jun 10 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
Jun 22 Javascript
JavaScript手写数组的常用函数总结
Nov 22 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
一个阿拉伯数字转中文数字的函数
2006/10/09 PHP
使用adodb lite解决问题
2006/12/31 PHP
ThinkPHP Mobile使用方法简明教程
2014/06/18 PHP
分享最受欢迎的5款PHP框架
2014/11/27 PHP
php使用Jpgraph绘制3D饼状图的方法
2015/06/10 PHP
PHP版本升级到7.x后wordpress的一些修改及wordpress技巧
2015/12/25 PHP
PHP以json或xml格式返回请求数据的方法
2018/05/31 PHP
基于PHP实现用户在线状态检测
2020/11/10 PHP
jquery实现通用的内容渐显Tab选项卡效果
2015/09/07 Javascript
JavaScript 字符串常用操作小结(非常实用)
2016/11/30 Javascript
前端 Vue.js 和 MVVM 详细介绍
2016/12/29 Javascript
Javascript实现倒计时时差效果
2017/05/18 Javascript
nodejs中request库使用HTTPS代理的方法
2019/04/30 NodeJs
微信小程序实现点击卡片 翻转效果
2019/09/04 Javascript
过滤器vue.filters的使用方法实现
2019/09/18 Javascript
python删除指定类型(或非指定)的文件实例详解
2015/07/06 Python
详解python里使用正则表达式的全匹配功能
2017/10/19 Python
Python栈算法的实现与简单应用示例
2017/11/01 Python
Python之web模板应用
2017/12/26 Python
python自动截取需要区域,进行图像识别的方法
2018/05/17 Python
python检索特定内容的文本文件实例
2018/06/05 Python
Python将文本去空格并保存到txt文件中的实例
2018/07/24 Python
python实现京东秒杀功能
2018/07/30 Python
详解Python 函数如何重载?
2019/04/23 Python
Django+Celery实现动态配置定时任务的方法示例
2020/05/26 Python
Python爬虫scrapy框架Cookie池(微博Cookie池)的使用
2021/01/13 Python
关于 HTML5 的七个传说小结
2012/04/12 HTML / CSS
美国时尚大码女装购物网站:Avenue
2019/05/24 全球购物
施华洛世奇新加坡官网:SWAROVSKI新加坡
2020/10/06 全球购物
大学应届毕业生求职信
2014/05/24 职场文书
跳槽求职信范文
2014/05/26 职场文书
网络文明传播志愿者活动方案
2014/08/20 职场文书
医院我们的节日活动实施方案
2014/08/22 职场文书
2014最新股权信托合同协议书
2014/11/18 职场文书
党员廉洁自律个人总结
2015/02/13 职场文书
学生犯错保证书
2015/05/09 职场文书