一个不错的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 各种浏览器下获得日期区别
Dec 22 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
Nov 26 Javascript
js中获取事件对象的方法小结
Mar 13 Javascript
jquery插件开发之实现md5插件
Mar 17 Javascript
AngularJS使用ngOption实现下拉列表的实例代码
Jan 23 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
Sep 26 Javascript
vue 里面使用axios 和封装的示例代码
Sep 01 Javascript
帝国cms首页列表页实现点赞功能
Oct 30 Javascript
vue-cli脚手架的安装教程图解
Sep 02 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
微信小程序 腾讯地图显示偏差问题解决
Jul 27 Javascript
vue@cli3项目模板怎么使用public目录下的静态文件
Jul 07 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 str_replace的替换漏洞
2008/03/15 PHP
php格式化工具Beautify PHP小小BUG
2008/04/24 PHP
php将数组存储为文本文件方法汇总
2015/10/28 PHP
CentOS下搭建PHP环境与WordPress博客程序的全流程总结
2016/05/07 PHP
PHP中for循环与foreach的区别
2017/03/06 PHP
PHP与JavaScript针对Cookie的读写、交互操作方法详解
2017/08/07 PHP
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
关于js datetime的那点事
2011/11/15 Javascript
给artDialog 5.02 增加ajax get功能详细介绍
2012/11/13 Javascript
关闭页面window.location事件未执行的原因及解决方法
2014/09/01 Javascript
js类式继承与原型式继承详解
2016/04/07 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
2016/05/16 Javascript
Nodejs中解决cluster模块的多进程如何共享数据问题
2016/11/10 NodeJs
怎样判断jQuery当前元素是隐藏还是显示
2016/11/23 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
2017/10/31 Javascript
使用mint-ui实现省市区三级联动效果的示例代码
2018/02/09 Javascript
Node.js使用supervisor进行开发中调试的方法
2019/03/26 Javascript
Node 搭建一个静态资源服务器的实现
2019/05/20 Javascript
Cordova(ionic)项目实现双击返回键退出应用
2019/09/17 Javascript
python numpy格式化打印的实例
2018/05/14 Python
Python把csv数据写入list和字典类型的变量脚本方法
2018/06/15 Python
对python 操作solr索引数据的实例详解
2018/12/07 Python
Python简单获取二维数组行列数的方法示例
2018/12/21 Python
在django中实现choices字段获取对应字段值
2020/07/12 Python
selenium如何定位span元素的实现
2021/01/13 Python
HTML5 新事件 小结
2009/07/16 HTML / CSS
皇家道尔顿官网:Royal Doulton
2017/12/06 全球购物
英国门把手公司:Door Handle Company
2019/05/12 全球购物
英语老师推荐信
2014/02/26 职场文书
群众路线教育党员自我剖析材料
2014/10/06 职场文书
写作之关于描写老人的好段摘抄
2019/11/14 职场文书
JavaScript中关于预编译、作用域链和闭包的理解
2021/03/31 Javascript
如何搭建 MySQL 高可用高性能集群
2021/06/21 MySQL
用JS创建一个录屏功能
2021/11/11 Javascript