一个不错的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之超简单的div显示和隐藏特效demo(分享)
Jul 09 Javascript
open 动态修改img的onclick事件示例代码
Nov 13 Javascript
Jquery中Event对象属性小结
Feb 27 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
Jul 17 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
Sep 06 Javascript
用js实现放大镜的效果的简单实例
May 23 Javascript
利用Node.js制作爬取大众点评的爬虫
Sep 22 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
Nov 18 Javascript
不得不看之JavaScript构造函数及new运算符
Aug 21 Javascript
微信小程序顶部导航栏滑动tab效果
Jan 28 Javascript
详解JavaScript的数据类型以及数据类型的转换
Apr 20 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
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
基于curl数据采集之单页面并行采集函数get_htmls的使用
2013/04/28 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
ThinkPHP惯例配置文件详解
2014/07/14 PHP
PHP实现的简单缓存类
2015/07/29 PHP
微信公众平台开发(五) 天气预报功能开发
2016/12/03 PHP
Javascript Math对象
2009/08/13 Javascript
根据邮箱的域名跳转到相应的登录页面的代码
2012/02/27 Javascript
javascript实现textarea中tab键的缩排处理方法
2015/06/26 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
2017/02/20 Javascript
JavaScript中数组常见操作技巧
2017/09/01 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
2017/11/09 Javascript
vue打包使用Nginx代理解决跨域问题
2018/08/27 Javascript
浅谈关于iview表单验证的问题
2018/09/29 Javascript
详解vue-cli 脚手架 安装
2019/04/16 Javascript
如何使用Jquery动态生成二级选项列表
2020/02/06 jQuery
在vue中使用Echarts利用watch做动态数据渲染操作
2020/07/20 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
2021/02/10 Javascript
Python3 伪装浏览器的方法示例
2017/11/23 Python
python实现随机梯度下降(SGD)
2020/03/24 Python
Python使用Matplotlib模块时坐标轴标题中文及各种特殊符号显示方法
2018/05/04 Python
Python django使用多进程连接mysql错误的解决方法
2018/10/08 Python
Python读取excel指定列生成指定sql脚本的方法
2018/11/28 Python
Python HTTP下载文件并显示下载进度条功能的实现
2020/04/02 Python
浅析python 定时拆分备份 nginx 日志的方法
2020/04/27 Python
css3打造一款漂亮的卡哇伊按钮
2013/03/20 HTML / CSS
CSS3 border-radius圆角的实现方法及用法详解
2020/09/14 HTML / CSS
加州风格的游泳和沙滩装品牌:Cupshe
2019/06/10 全球购物
巴西最大的运动品牌:Olympikus
2020/07/14 全球购物
毕业生在校学习的自我评价分享
2013/10/08 职场文书
高中考试作弊检讨书
2014/01/14 职场文书
质检部经理岗位职责
2014/02/19 职场文书
放飞梦想演讲稿600字
2014/08/26 职场文书
部队2015年终工作总结
2015/04/02 职场文书
CSS中em的正确打开方式详解
2021/04/08 HTML / CSS
PHP实现rar解压读取扩展包小结
2021/06/03 PHP
Canvas如何做个雪花屏版404的实现
2021/09/25 HTML / CSS