一个不错的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 相关文章推荐
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
Dec 22 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 Javascript
js获取当前页面的url网址信息
Jun 12 Javascript
原生javascript获取元素样式
Dec 31 Javascript
JS操作HTML自定义属性的方法
Feb 10 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
Aug 21 Javascript
javascript实现2016新年版日历
Jan 25 Javascript
JavaScript实现简单生成随机颜色的方法
Sep 21 Javascript
使用 vue 实例更好的监听事件及vue实例的方法
Apr 22 Javascript
elementUI select组件使用及注意事项详解
May 29 Javascript
移动端JS实现拖拽两种方法解析
Oct 12 Javascript
JavaScript实现京东快递单号查询
Nov 30 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的FTP学习(三)
2006/10/09 PHP
php去掉文件前几行的方法
2015/07/29 PHP
php使用高斯算法实现图片的模糊处理功能示例
2016/11/11 PHP
Nigma vs AM BO3 第一场2.13
2021/03/10 DOTA
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
2011/01/11 Javascript
鼠标滑上去后图片放大浮出效果的js代码
2011/05/28 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
2013/08/27 Javascript
js 模式窗口(模式对话框和非模式对话框)的使用介绍
2014/07/17 Javascript
用javascript关闭本窗口技巧小结
2014/09/05 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
2015/10/02 Javascript
JS实现消息来时让网页标题闪动效果的方法
2016/04/20 Javascript
JavaScript操作选择对象的简单实例
2016/05/16 Javascript
BootStrap Fileinput的使用教程
2016/12/30 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
2017/03/14 Javascript
react native与webview通信的示例代码
2017/09/25 Javascript
基于D3.js实现时钟效果
2018/07/17 Javascript
JS实现继承的几种常用方式示例
2019/06/22 Javascript
谈谈node.js中的模块系统
2020/09/01 Javascript
Array.filter中如何正确使用Async
2020/11/04 Javascript
vue使用transition组件动画效果的实例代码
2021/01/28 Vue.js
[01:18:31]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第一场 1月10日
2021/03/11 DOTA
Python中的装饰器用法详解
2015/01/14 Python
全面理解Python中self的用法
2016/06/04 Python
selenium+python自动化测试之多窗口切换
2019/01/23 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
python中常见错误及解决方法
2020/06/21 Python
python 绘制场景热力图的示例
2020/09/23 Python
移交协议书
2014/08/19 职场文书
庆祝新中国成立65周年“向国旗敬礼”网上签名寄语
2014/09/27 职场文书
2015年宣传工作总结
2015/04/08 职场文书
幼儿园安全工作总结2015
2015/04/20 职场文书
2016年优秀教师先进事迹材料
2016/02/26 职场文书
创业计划书之珠宝饰品
2019/08/26 职场文书
《成长的天空》读后感3篇
2019/12/06 职场文书
天谕手游15杯全调酒配方和调酒券的获得方式
2022/04/06 其他游戏
悬疑名作《朋友游戏》动画无字ED宣传片 新角色公开
2022/04/13 日漫