一个不错的js html页面倒计时可精确到秒_javascript技巧

一个不错的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>

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索倒计时

tmw倒计时精确到毫秒、js倒计时精确到毫秒、jq倒计时精确到毫秒、倒计时精确到毫秒、高考倒计时精确到秒,以便于您获取更多的相关知识。

时间: 2024-10-23 23:36:51

一个不错的js html页面倒计时可精确到秒_javascript技巧的相关文章

使用js在页面中绘制表格核心代码_javascript技巧

1.先写一个<table>,中间放入<tbody>,但是<tbogy>什么也不加  如何使用js在页面中绘制表格 2.在js中写入方法,绘制表格  如何使用js在页面中绘制表格 其核心语句就是: var row=document.createElement_x("tr"); 就是创建行 var cell=document.createElement_x("td"); 就是创建列 cell.appendChild(document.

js禁止页面刷新与后退的方法_javascript技巧

本文实例讲述了js禁止页面刷新与后退的方法.分享给大家供大家参考.具体实现方法如下: <script language="javascript"> //禁止用F5键 function document.onkeydown() { if ( event.keyCode==116) { event.keyCode = 0; event.cancelBubble = true; return false; } } //禁止右键弹出菜单 function document.onco

JS判断页面是否出现滚动条的方法_javascript技巧

本文实例讲述了JS判断页面是否出现滚动条的方法.分享给大家供大家参考.具体如下: var isScroll = function (el) { // test targets var elems = el ? [el] : [document.documentElement, document.body]; var scrollX = false, scrollY = false; for (var i = 0; i < elems.length; i++) { var o = elems[i]

JS调用页面表格导出excel示例代码_javascript技巧

使用JS方法调用页面表格导出excel有很大的限制: 1.目前试了几个浏览器,只有IE支持, 2.点击 工具---安全---自定义级别---ActiveX 相关选项启用 下面是html代码 复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath()

非常不错的[JS]Cookie精通之路第1/2页_javascript技巧

如果你象作者一样记性不好,那么你可能根本记不住人们的名字.我遇到人时,多半只是点点头,问句"吃了嘛!",而且期望问候到此为止 .如果还需要表示些什么,那么我就得求助于一些狡猾的技巧,好让我能想对方是谁.比如胡扯起一些和对方有关的人,不管他们之间关系多 远,只要能避免不记得对方名字的尴尬就好: "你隔壁邻居的侄子的可爱小狗迈菲斯特怎么样?"通过这个方法,我希望能让对方感到,我确 实很重视他(她),甚至还记得这些琐事,虽然实际上连名字都忘记了.但是,不是我不重视,而是我

JS关闭窗口与JS关闭页面的几种方法小结_javascript技巧

第一种:JS定时自动关闭窗口<script language="javascript"><!--function closewin(){self.opener=null;self.close();}function clock(){i=i-1document.title="本窗口将在" + i + "秒后自动关闭!";if(i>0)setTimeout("clock();",1000);else clo

js禁止页面使用右键(简单示例代码)_javascript技巧

js禁止右键的代码: 复制代码 代码如下: function click(e) {if (document.all) {if (event.button==1||event.button==2||event.button==3) {oncontextmenu='return false';}}if (document.layers) {if (e.which == 3) {oncontextmenu='return false';}}}if (document.layers) {document

js统计页面的来访次数实现代码_javascript技巧

脚本说明: 把如下代码加入<body>区域中 复制代码 代码如下: <SCRIPT language="JavaScript"><!-- function getCookieVal(offset) {var endstr=document.cookie.indexOf(";",offset);if(endstr==-1) endstr=document.cookie.length;return unescape(document.coo

js实现页面a向页面b传参的方法_javascript技巧

本文为大家分享了js实现页面a向页面b传参的具体方法,供大家参考,具体内容如下 方法一:使用HTML5本地化存储(localStorage) 组件(本地最大能存储5M数据)localStorage是本地永久存储数据,是cookie的优化 方法二:使用cookie将数据存放在客户的浏览器 (最大存储2M数据) 方法三:使用url传参 (将要传递的数据保存为一个存储变量,然后传给url)方法如下; a.html var app = {}; app.list = '123' app.test = '1