一个不错的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 学习笔记 选择器之四
Jul 23 Javascript
JSQL  一个 web DB 的封装
May 05 Javascript
DIV菜单层实现代码
Nov 19 Javascript
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
Nov 30 Javascript
script标签属性type与language使用选择
Dec 02 Javascript
在JavaScript中操作时间之getUTCDate()方法的使用
Jun 10 Javascript
基于JavaScript代码实现pc与手机之间的跳转
Dec 23 Javascript
Bootstrap编写导航栏和登陆框
May 30 Javascript
原生js实现自由拖拽弹窗代码demo
Jun 29 Javascript
基于原生js运动方式关键点的总结(推荐)
Oct 01 Javascript
原生js实现密码强度验证功能
Mar 18 Javascript
html中两种获取标签内的值的方法
Jun 16 jQuery
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 输出简单动态WAP页面
2009/06/09 PHP
PHP数据集构建JSON格式及新数组的方法
2012/11/07 PHP
php与flash as3 socket通信传送文件实现代码
2014/08/16 PHP
PHP获取昨天、今天及明天日期的方法
2016/02/03 PHP
php使用正则验证中文
2016/04/06 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
经典的解除许多网站无法复制文字的绝招
2006/12/31 Javascript
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
2010/04/13 Javascript
js各种验证文本框输入格式(正则表达式)
2010/10/22 Javascript
基于Jquery的跨域传输数据(JSONP)
2011/03/10 Javascript
js实现固定显示区域内自动缩放图片的方法
2015/07/18 Javascript
jQuery div拖拽用法实例
2016/01/14 Javascript
jQuery实现点击水纹波动动画
2016/04/10 Javascript
Vue概念及常见命令介绍(1)
2016/12/08 Javascript
利用JavaScript实现拖拽改变元素大小
2016/12/14 Javascript
jquery实现图片轮播器
2017/05/23 jQuery
javascript代码优化的8点总结
2018/01/29 Javascript
微信小程序模板(template)使用详解
2018/01/31 Javascript
JS实现换肤功能的方法实例详解
2019/01/30 Javascript
原生JavaScript实现换肤
2021/02/19 Javascript
python通过floor函数舍弃小数位的方法
2015/03/17 Python
python正则实现计算器功能
2017/12/14 Python
python实现决策树分类
2018/08/30 Python
使用Python和Scribus创建一个RGB立方体的方法
2019/07/17 Python
Python数据库封装实现代码示例解析
2020/09/05 Python
快速创建python 虚拟环境
2020/11/28 Python
时尚圣经:The Fashion Bible
2019/03/03 全球购物
化学相关工作求职信
2013/10/02 职场文书
营业经理岗位职责
2013/11/10 职场文书
给排水工程师岗位职责
2013/11/21 职场文书
优秀通讯员事迹材料
2014/01/28 职场文书
网络技术专业求职信
2014/02/18 职场文书
个人投资计划书
2014/05/01 职场文书
2015年班级工作总结范文
2015/04/03 职场文书
《只有一个地球》教学反思
2016/02/16 职场文书
阿里云 Windows server 2019 配置FTP
2022/04/28 Servers