简单易用的倒计时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学习笔记(十七)js 优化
Feb 04 Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
Mar 25 Javascript
angularjs实现与服务器交互分享
Jun 24 Javascript
基于JavaScript实现百叶窗动画效果不只单纯flas可以实现
Feb 29 Javascript
jQuery 3.0十大新特性
Jul 06 Javascript
bootstrap输入框组件使用方法详解
Jan 19 Javascript
JS实现的走迷宫小游戏完整实例
Jul 19 Javascript
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
解决layui中的form表单与button的点击事件冲突问题
Aug 15 Javascript
详解Angular6学习笔记之主从组件
Sep 05 Javascript
JS实现导航栏楼层特效
Jan 01 Javascript
JS实现滑动拼图验证功能完整示例
Mar 29 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
简单了解WordPress开发中update_option()函数的用法
2016/01/11 PHP
深入理解PHP原理之执行周期分析
2016/06/01 PHP
Yii 2.0如何使用页面缓存方法示例
2017/05/23 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
用Javascript实现UTF8编码转换成gb2312编码
2006/12/22 Javascript
Javascript中string转date示例代码
2013/11/01 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
coffeescript使用的方式汇总
2015/08/05 Javascript
简单的JS时钟实例讲解
2016/01/13 Javascript
不定义JQuery插件 不要说会JQuery
2016/03/07 Javascript
AngularJS基础 ng-submit 指令简单示例
2016/08/03 Javascript
关于Vue组件库开发详析
2018/07/01 Javascript
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
webpack配置proxyTable时pathRewrite无效的解决方法
2018/12/13 Javascript
Vue-CLI 3.X 部署项目至生产服务器的方法
2019/03/22 Javascript
vue项目中仿element-ui弹框效果的实例代码
2019/04/22 Javascript
JavaScript实现简单计算器功能
2019/12/19 Javascript
[01:03:59]2018DOTA2亚洲邀请赛3月30日 小组赛B组VGJ.T VS Secret
2018/03/31 DOTA
[01:05:56]Liquid vs VP Supermajor决赛 BO 第二场 6.10
2018/07/04 DOTA
Python中的CURL PycURL使用例子
2014/06/01 Python
一个Python最简单的接口自动化框架
2018/01/02 Python
python pyinstaller打包exe报错的解决方法
2019/11/02 Python
pytorch制作自己的LMDB数据操作示例
2019/12/18 Python
python实现多进程按序号批量修改文件名的方法示例
2019/12/30 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
python热力图实现简单方法
2021/01/29 Python
美国著名首饰网站:BaubleBar
2016/08/29 全球购物
VLAN和VPN有什么区别?分别实现在OSI的第几层?
2014/12/23 面试题
《珍珠泉》教学反思
2014/02/20 职场文书
办公自动化专业大学生职业规划书
2014/03/06 职场文书
百日安全活动总结
2014/05/04 职场文书
2014年服务员工作总结
2014/11/18 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书
幽默导游词应该怎么写?
2019/08/26 职场文书
python解决12306登录验证码的实现
2021/04/18 Python
Golang并发工具Singleflight
2022/05/06 Golang