一个不错的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 相关文章推荐
jQuery UI 实现email输入提示实例
Aug 15 Javascript
Firefox和IE兼容性问题及解决方法总结
Oct 08 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
Dec 11 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
Mar 10 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
zTree实现节点修改的实时刷新功能
Mar 20 Javascript
详解angular应用容器化部署
Aug 14 Javascript
微信小程序图表插件wx-charts用法实例详解
May 20 Javascript
使用typescript构建Vue应用的实现
Aug 26 Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 Javascript
JavaScript和TypeScript中的void的具体使用
Sep 12 Javascript
JS中的const命令你真懂它吗
Mar 08 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禁止浏览器使用缓存页面的方法
2014/11/07 PHP
PHP自定义函数获取URL中一级域名的方法
2016/08/23 PHP
jQuery 动画弹出窗体支持多种展现方式
2010/04/29 Javascript
html中的input标签的checked属性jquery判断代码
2012/09/19 Javascript
javascript css红色经典选项卡效果实现代码
2016/05/17 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
2016/12/27 Javascript
详解nodejs中的process进程
2017/03/19 NodeJs
JS实现css hover操作的方法示例
2017/04/07 Javascript
mac中利用NVM管理不同node版本的方法详解
2017/11/08 Javascript
jQuery实现菜单的显示和隐藏功能示例
2018/07/24 jQuery
layui select获取自定义属性方法
2018/08/15 Javascript
七行JSON代码把你的网站变成移动应用过程详解
2019/07/09 Javascript
Python使用MD5加密字符串示例
2014/08/22 Python
python计算牛顿迭代多项式实例分析
2015/05/07 Python
详解Django中的权限和组以及消息
2015/07/23 Python
解决安装tensorflow遇到无法卸载numpy 1.8.0rc1的问题
2018/06/13 Python
详解Python的hasattr() getattr() setattr() 函数使用方法
2018/07/09 Python
基于Python实现签到脚本过程解析
2019/10/25 Python
python如何使用腾讯云发送短信
2020/09/17 Python
python实现计算器简易版
2020/12/17 Python
pandas 按日期范围筛选数据的实现
2021/02/20 Python
HTML5 canvas实现雪花飘落特效
2016/03/08 HTML / CSS
使用Html5多媒体实现微信语音功能
2019/07/26 HTML / CSS
去加拿大的旅行和假期:Canadian Affair
2016/10/25 全球购物
KLOOK客路:发现更好玩的世界,预订独一无二的旅行体验
2016/12/16 全球购物
成功的酒店创业计划书
2013/12/27 职场文书
舞蹈教师自荐信
2014/01/27 职场文书
党员大会主持词
2014/04/02 职场文书
广告宣传策划方案
2014/05/21 职场文书
植树造林的宣传标语
2014/06/23 职场文书
毕业生应聘求职信
2014/07/10 职场文书
2014年初中班主任工作总结
2014/11/08 职场文书
2014年英语教学工作总结
2014/12/17 职场文书
餐厅收银员岗位职责
2015/04/07 职场文书
Java实现简易的分词器功能
2021/06/15 Java/Android
SQL Server数据库查询出现阻塞之性能调优
2022/04/10 SQL Server