简单易用的倒计时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 相关文章推荐
Tips 带三角可关闭的文字提示
Oct 06 Javascript
jQuery html()方法使用不了无法显示内容的问题
Aug 06 Javascript
JavaScript 学习笔记之操作符
Jan 14 Javascript
七夕情人节丘比特射箭小游戏
Aug 20 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
Sep 15 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
Jan 08 Javascript
jQuery ajax时间差导致的变量赋值问题分析
Jan 22 Javascript
js Canvas实现的日历时钟案例分享
Dec 25 Javascript
微信JSAPI Ticket接口签名详解
Jun 28 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
Aug 02 Javascript
带你了解session和cookie作用原理区别和用法
Aug 14 Javascript
ES6 Generator基本使用方法示例
Jun 06 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设计模式 DAO(数据访问对象模式)
2011/06/26 PHP
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
django中的ajax组件教程详解
2018/10/18 PHP
php curl获取https页面内容,不直接输出返回结果的设置方法
2019/01/15 PHP
在网页中控制wmplayer播放器
2006/07/01 Javascript
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
Jquery 的扩展方法总结
2011/10/01 Javascript
浅析IE10兼容性问题(frameset的cols属性)
2014/01/03 Javascript
探究JavaScript函数式编程的乐趣
2015/12/14 Javascript
js canvas实现橡皮擦效果
2018/12/20 Javascript
nodejs同步调用获取mysql数据时遇到的大坑
2019/03/02 NodeJs
JS画布动态实现黑客帝国背景效果
2020/11/08 Javascript
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
Python实现多线程抓取妹子图
2015/08/08 Python
python爬虫框架talonspider简单介绍
2017/06/09 Python
Python+Django搭建自己的blog网站
2018/03/13 Python
python 将list转成字符串,中间用符号分隔的方法
2018/10/23 Python
浅谈Pycharm调用同级目录下的py脚本bug
2018/12/03 Python
用Python实现大文本文件切割的方法
2019/01/12 Python
python实现集中式的病毒扫描功能详解
2019/07/09 Python
详解Python对JSON中的特殊类型进行Encoder
2019/07/15 Python
python选取特定列 pandas iloc,loc,icol的使用详解(列切片及行切片)
2019/08/06 Python
浅谈Python类中的self到底是干啥的
2019/11/11 Python
使用Python测试Ping主机IP和某端口是否开放的实例
2019/12/17 Python
Python3 main函数使用sys.argv传入多个参数的实现
2019/12/25 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
Python坐标轴操作及设置代码实例
2020/06/04 Python
越南电子产品购物网站:FPT Shop
2017/12/02 全球购物
文员个人求职自荐信
2013/09/21 职场文书
新员工培训个人的自我评价
2013/10/09 职场文书
运动会广播稿300字
2014/01/10 职场文书
会计师职业生涯规划范文
2014/02/18 职场文书
联欢晚会主持词
2014/03/25 职场文书
信息技术课后反思
2014/04/27 职场文书
售后服务承诺书模板
2014/05/21 职场文书