一个不错的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字符串截取函数substr substring slice使用对比
Nov 27 Javascript
JS Array.slice 截取数组的实现方法
Jan 02 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
Mar 07 Javascript
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
vue组件实现可搜索下拉框扩展
Oct 23 Javascript
JS 音频可视化插件Wavesurfer.js的使用教程
Oct 31 Javascript
Vue多环境代理配置方法思路详解
Jun 21 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 Javascript
vue 实现特定条件下绑定事件
Nov 09 Javascript
JS中的继承操作实例总结
Jun 06 Javascript
vue循环中点击选中再点击取消(单选)的实现
Sep 10 Javascript
pnpm对npm及yarn降维打击详解
Aug 05 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的历史和优缺点
2006/10/09 PHP
php microtime获取浮点的时间戳
2010/02/21 PHP
php全排列递归算法代码
2012/10/09 PHP
解决CodeIgniter伪静态失效
2014/06/09 PHP
php给每个段落添加空格的方法
2015/03/20 PHP
PHP静态成员变量和非静态成员变量详解
2017/02/14 PHP
PHP获取MySQL执行sql语句的查询时间方法
2018/08/21 PHP
Laravel推荐使用的十个辅助函数
2019/05/10 PHP
Centos7安装swoole扩展操作示例
2020/03/26 PHP
JavaScript中判断函数是new还是()调用的区别说明
2011/04/07 Javascript
Javascript开发之三数组对象实例介绍
2012/11/12 Javascript
JavaScript中window、doucment、body的解释
2013/08/14 Javascript
JS控制日期显示的小例子
2013/11/23 Javascript
jQuery插件实现控制网页元素动态居中显示
2015/03/24 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
2015/06/17 Javascript
Ext JS动态加载JavaScript创建窗体的方法
2016/06/23 Javascript
nodejs socket服务端和客户端简单通信功能
2017/09/14 NodeJs
浅谈Vue数据绑定的原理
2018/01/08 Javascript
webpack css加载和图片加载的方法示例
2018/09/11 Javascript
jquery实现动态添加附件功能
2018/10/23 jQuery
如何手动实现es5中的bind方法详解
2018/12/07 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
python登陆asp网站页面的实现代码
2015/01/14 Python
python引入导入自定义模块和外部文件的实例
2017/07/24 Python
python实现报表自动化详解
2017/11/16 Python
python简单图片操作:打开\显示\保存图像方法介绍
2017/11/23 Python
Python实现购物车程序
2018/04/16 Python
用纯CSS3实现网页中常见的小箭头
2017/10/16 HTML / CSS
英国最大的笔记本电脑直销专家:Laptops Direct
2019/07/20 全球购物
大一自我鉴定范文
2013/12/27 职场文书
思想品德课教学反思
2014/02/10 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
2014最新党员批评与自我批评材料
2014/09/24 职场文书
副乡长民主生活会个人对照检查材料思想汇报
2014/10/01 职场文书
nginx+lua单机上万并发的实现
2021/05/31 Servers
还在手动盖楼抽奖?教你用Python实现自动评论盖楼抽奖(一)
2021/06/07 Python