一个不错的js html页面倒计时可精确到秒


Posted in Javascript onOctober 22, 2014

一个不错的js html页面倒计时可精确到秒,很简单,但和实用

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 

</head> 

<body> 

<DIV id="CountMsg" class="HotDate"> 
<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 type="text/javascript"> 
function getRTime(){ 
var EndTime= new Date('2014/10/23 10:00:00'); //截止时间 
var NowTime = new Date(); 
var t =EndTime.getTime() - NowTime.getTime(); 
/*var d=Math.floor(t/1000/60/60/24); 
t-=d*(1000*60*60*24); 
var h=Math.floor(t/1000/60/60); 
t-=h*60*60*1000; 
var m=Math.floor(t/1000/60); 
t-=m*60*1000; 
var s=Math.floor(t/1000);*/ 

var d=Math.floor(t/1000/60/60/24); 
var h=Math.floor(t/1000/60/60%24); 
var m=Math.floor(t/1000/60%60); 
var 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,1000); 
</script> 
</body> 
</html>
Javascript 相关文章推荐
javascript 二维数组的实现与应用
Mar 16 Javascript
基于jquery的获取mouse坐标插件的实现代码
Apr 01 Javascript
javascript string字符串优化问题
Jul 31 Javascript
js实现目录定位正文示例
Nov 14 Javascript
js判断文本框剩余可输入字数的方法
Feb 04 Javascript
JavaScript包装对象使用详解
Jul 09 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 Javascript
AngularJS标签页tab选项卡切换功能经典实例详解
May 16 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 Javascript
vue实现淘宝购物车功能
Apr 20 Javascript
vue循环中点击选中再点击取消(单选)的实现
Sep 10 Javascript
js实现select跳转功能代码
Oct 22 #Javascript
Javascript原型链和原型的一个误区
Oct 22 #Javascript
Javascript this 关键字 详解
Oct 22 #Javascript
Javascript 构造函数详解
Oct 22 #Javascript
Javascript中Array.prototype.map()详解
Oct 22 #Javascript
javascript数组详解
Oct 22 #Javascript
Javascript 数组排序详解
Oct 22 #Javascript
You might like
PHP+MYSQL 出现乱码的解决方法
2008/08/08 PHP
一个PHP的QRcode类与大家分享
2011/11/13 PHP
Yii2框架实现注册和登录教程
2016/09/30 PHP
PHP读取zip文件的方法示例
2016/11/17 PHP
Javascript实例教程(19) 使用HoTMetal(3)
2006/12/23 Javascript
json 实例详细说明教程
2009/10/31 Javascript
为JavaScript提供睡眠功能(sleep) 自编译JS引擎
2010/08/16 Javascript
zShowBox 图片放大展示jquery版 兼容性
2011/09/24 Javascript
javascript学习笔记(三) String 字符串类型介绍
2012/06/19 Javascript
js中的布尔运算符使用介绍
2013/11/20 Javascript
js判断变量初始化的三种形式及推荐用的形式
2014/07/22 Javascript
javascript中scrollTop详解
2015/04/13 Javascript
详解JavaScript中Hash Map映射结构的实现
2016/05/21 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
Angular 2.x学习教程之结构指令详解
2017/05/25 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
2019/07/24 Javascript
微信小程序canvas截取任意形状的实现代码
2020/01/13 Javascript
Vue+axios封装请求实现前后端分离
2020/10/23 Javascript
[01:56]《DOTA2》中文配音CG
2013/04/22 DOTA
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
详解python中的线程
2018/02/10 Python
python输出带颜色字体实例方法
2019/09/01 Python
美国汽车轮胎和轮毂销售网站:Tire Rack
2018/01/11 全球购物
德国团购网站:Groupon德国
2018/03/13 全球购物
意大利火车票和铁路通行证专家:ItaliaRail
2019/01/22 全球购物
DC Shoes澳大利亚官方网上商店:购买DC鞋子
2019/10/25 全球购物
软件配置管理有什么好处
2015/04/15 面试题
应届实习生的自我评价范文
2014/01/05 职场文书
医药销售求职信范文
2014/02/01 职场文书
初三学生评语大全
2014/04/24 职场文书
反邪教警示教育方案
2014/05/13 职场文书
思想作风建设心得体会
2014/10/22 职场文书
爱情保证书
2015/01/17 职场文书
兼职安全员岗位职责
2015/02/15 职场文书
学校党员干部承诺书
2015/05/04 职场文书
2015年重阳节主持词
2015/07/04 职场文书