一个不错的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 相关文章推荐
js 处理URL实用技巧
Nov 23 Javascript
javascript中直接写php代码的方法
Jul 31 Javascript
js运动动画的八个知识点
Mar 12 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
Jan 22 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
Feb 17 Javascript
JS实现title标题栏文字不间断滚动显示效果
Sep 07 Javascript
巧用canvas
Jan 21 Javascript
js实现文字无缝向上滚动
Feb 16 Javascript
js截取字符串功能的实现方法
Sep 27 Javascript
vue项目中使用scss的方法步骤
May 16 Javascript
微信小程序背景音乐开发详解
Dec 12 Javascript
浅谈 JavaScript 沙箱Sandbox
Nov 02 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/14 PHP
php学习之 认清变量的作用范围
2010/01/26 PHP
win7下memCache的安装过程(具体操作步骤)
2013/06/28 PHP
PHP将HTML转换成文本的实现代码
2015/01/21 PHP
php中explode的负数limit用法分析
2015/02/27 PHP
使用PHP开发留言板功能
2019/11/19 PHP
javascript 类定义的4种方法
2009/09/12 Javascript
JavaScript 学习笔记(六)
2009/12/31 Javascript
JavaScript实现的一个日期格式化函数分享
2014/12/06 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
vue.js 表格分页ajax 异步加载数据
2016/10/18 Javascript
js实现股票实时刷新数据案例
2017/05/14 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
解决mui框架中switch开关通过js控制开或者关状态时小圆点不动的问题
2019/09/03 Javascript
Jquery让form表单异步提交代码实现
2019/11/14 jQuery
python分析apache访问日志脚本分享
2015/02/26 Python
在Django框架中设置语言偏好的教程
2015/07/27 Python
Django查询数据库的性能优化示例代码
2017/09/24 Python
使用matplotlib画散点图的方法
2018/05/25 Python
Python对Excel按列值筛选并拆分表格到多个文件的代码
2019/11/05 Python
解决pandas展示数据输出时列名不能对齐的问题
2019/11/18 Python
python多进程 主进程和子进程间共享和不共享全局变量实例
2020/04/25 Python
Django实现微信小程序支付的示例代码
2020/09/03 Python
celery在python爬虫中定时操作实例讲解
2020/11/27 Python
Python使用pyenv实现多环境管理
2021/02/05 Python
HTML5中form如何关闭自动完成功能的方法
2018/07/02 HTML / CSS
欧洲最大的笔和书写专家:The Pen Shop
2017/03/19 全球购物
网上常见的一份Linux面试题(多项选择部分)
2014/09/09 面试题
教师旷工检讨书
2014/01/18 职场文书
幼儿园老师辞职信
2014/01/20 职场文书
Mac M1安装mnmp (Mac+Nginx+MySQL+PHP) 开发环境
2021/03/29 PHP
Golang 编译成DLL文件的操作
2021/05/06 Golang
Java获取e.printStackTrace()打印的信息方式
2021/08/07 Java/Android