简单易用的倒计时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 相关文章推荐
Ubuntu 11.10 安装Node.js的方法
Nov 30 Javascript
javascript创建数组之联合数组的使用方法示例
Dec 26 Javascript
jquery JSON的解析方式示例介绍
Jul 27 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
Jan 28 Javascript
浅谈在koa2中实现页面渲染的全局数据
Oct 09 Javascript
JS表单传值和URL编码转换
Mar 03 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
Sep 29 Javascript
bootstrap table实现合并单元格效果
Dec 24 Javascript
js实现转动骰子模型
Oct 24 Javascript
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 Javascript
vscode调试node.js的实现方法
Mar 22 Javascript
Vue 数据绑定的原理分析
Nov 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
深入php var_dump()函数的详解
2013/06/05 PHP
php中$_POST与php://input的区别实例分析
2015/01/07 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
如何写php守护进程(Daemon)
2015/12/30 PHP
session 加入redis的实现代码
2016/07/15 PHP
日期函数扩展类Ver0.1.1
2006/09/07 Javascript
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
2007/05/14 Javascript
javascript如何动态加载表格与动态添加表格行
2013/11/27 Javascript
通过伪协议解决父页面与iframe页面通信的问题
2015/04/05 Javascript
详解JavaScript对象和数组
2015/12/03 Javascript
在点击div中的p时,如何阻止事件冒泡
2017/02/07 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
2017/03/03 Javascript
解决Vue打包之后文件路径出错的问题
2018/03/06 Javascript
对mac下nodejs 更新到最新版本的最新方法(推荐)
2018/05/17 NodeJs
详解在微信小程序的JS脚本中使用Promise来优化函数处理
2019/03/06 Javascript
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
vue 使用localstorage实现面包屑的操作
2020/11/16 Javascript
[02:41]DOTA2英雄基础教程 冥魂大帝
2014/01/16 DOTA
[39:46]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第二场 11.25
2020/11/25 DOTA
python登录QQ邮箱发信的实现代码
2013/02/10 Python
Python错误: SyntaxError: Non-ASCII character解决办法
2017/06/08 Python
git进行版本控制心得详谈
2017/12/10 Python
Django自定义用户登录认证示例代码
2019/06/30 Python
Python3.0 实现决策树算法的流程
2019/08/08 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
python中adb有什么功能
2020/06/07 Python
Python celery原理及运行流程解析
2020/06/13 Python
Python爬虫爬取糗事百科段子实例分享
2020/07/31 Python
微软日本官方网站:Microsoft日本
2017/11/26 全球购物
医院门卫岗位职责
2013/12/30 职场文书
公司开业庆典主持词
2014/03/21 职场文书
端午节活动总结
2014/08/26 职场文书
教师党员群众路线教育实践活动心得体会
2014/11/04 职场文书
出国留学英文自荐信
2015/03/25 职场文书
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python