一个不错的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 相关文章推荐
网页中实现浏览器的最大,最小化和关闭按钮
Mar 12 Javascript
JavaScript QueryString解析类代码
Jan 17 Javascript
jquery validate使用攻略 第四步
Jul 01 Javascript
javascript下string.format函数补充
Aug 24 Javascript
Js sort排序使用方法
Oct 17 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
js贪吃蛇游戏实现思路和源码
Apr 14 Javascript
javascript 广告移动特效的实现代码
Jun 25 Javascript
Vue中自定义全局组件的实现方法
Dec 08 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
Aug 10 Javascript
让axios发送表单请求形式的键值对post数据的实例
Aug 11 Javascript
js实现简单的轮播图效果
Dec 13 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扩展图文教程
2008/12/12 PHP
关于session在PHP5的配置文件中的详细设置参数说明
2011/04/20 PHP
php中在PDO中使用事务(Transaction)
2011/05/14 PHP
php新建文件自动编号的思路与实现
2011/06/27 PHP
sae使用smarty模板的方法
2013/12/17 PHP
php中error与exception的区别及应用
2014/07/28 PHP
微信公众号OAuth2.0网页授权问题浅析
2017/01/21 PHP
php表单习惯用的正则表达式
2017/10/11 PHP
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
extjs 学习笔记(二) Ext.Element类
2009/10/13 Javascript
ie8 不支持new Date(2012-11-10)问题的解决方法
2013/07/31 Javascript
Javascript 实现的数独解题算法网页实例
2013/10/15 Javascript
使用JS取得焦点(focus)元素代码
2014/03/22 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
2015/06/16 Javascript
webpack打包单页面如何引用的js
2017/06/07 Javascript
jquery图片预览插件实现方法详解
2019/07/18 jQuery
纯js实现无缝滚动功能代码实例
2020/02/21 Javascript
vue项目中自定义video视频控制条的实现代码
2020/04/26 Javascript
python时间整形转标准格式的示例分享
2014/02/14 Python
Python+matplotlib绘制不同大小和颜色散点图实例
2018/01/19 Python
np.dot()函数的用法详解
2020/01/17 Python
keras中epoch,batch,loss,val_loss用法说明
2020/07/02 Python
重构Python代码的六个实例
2020/11/25 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
python的scipy.stats模块中正态分布常用函数总结
2021/02/19 Python
英国灯具和灯泡网上商店:Lights.co.uk
2018/02/02 全球购物
下述程序的作用是计算机数组中的最大元素值及其下标
2012/11/26 面试题
Java面试笔试题大全
2016/11/23 面试题
客服专员岗位职责
2014/02/28 职场文书
工伤赔偿协议书范本
2014/04/15 职场文书
2014年安全生产责任书
2014/07/22 职场文书
个人债务授权委托书
2014/10/17 职场文书
单位租房协议范本
2014/12/03 职场文书
2014年高一班主任工作总结
2014/12/05 职场文书
2015年公路路政个人工作总结
2015/07/24 职场文书
MySQL transaction事务安全示例讲解
2022/06/21 MySQL