js 倒计时(转)
第一个(毫秒级)：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript">
var duration=9900;
var endTime = new Date().getTime() + duration + 100;
function interval()
{
var n=(endTime-new Date().getTime())/1000;
if(n<0) return;
document.getElementById("timeout").innerHTML = n.toFixed(3);
setTimeout(interval, 10);
}
window.onload=function()
{
setTimeout("window.location.href='http://www.baidu.com'", duration);
interval();
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>等待10秒</title>
</head>
<body>
<form id="form1" runat="server">
<div>
现在剩下 <span id="timeout">10.000</span> 秒后 将自动跳转 </div>
</form>
</body>
</html>
第二个：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>
等待10秒
</title>
<script type="text/javascript">
function run() {
var s = document.getElementById("dd");
if (s.innerHTML == 0) {
window.location.href = 'www.baidu.com';
return false;
}
s.innerHTML = s.innerHTML * 1 - 1;
}
window.setInterval("run();", 1000);
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
请等待<span id="dd">10</span>秒
</div>
</form>
</body>
</html>
第三个：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>
counter
</title>
<script language="javascript" type="text/JavaScript">
function Counter(nMax, nInterval) {
this.maxTime = nMax;
this.interval = nInterval;
this.objId = "timer";
this.obj = null;
this.num = this.maxTime;
this.timer = null;
this.start = function() {
this.obj = document.getElementById(this.objId);
if (this.num > 0) setTimeout(this.run, this.interval * 1000);
};
this.run = function() {
if (myCounter.num > 0) {
myCounter.num--;
myCounter.obj.innerHTML = myCounter.num;
myCounter.timer = setTimeout(myCounter.run, myCounter.interval * 1000);
} else clearTimeout(myCounter.timer);
};
this.show = function() {
document.write("<span id=" + this.objId + ">" + this.num + "</span>");
this.obj = document.getElementById(this.objId);
//alert(this.obj.innerHTML);
}
}
</script>
</head>
<body onload="myCounter.start();">
<script language="JavaScript" type="text/JavaScript">
var myCounter = new Counter(10, 1);
</script>
<p>
现在剩下
<script language="JavaScript" type="text/JavaScript">
myCounter.show();
</script>
秒钟!
</p>
js 倒计时(转)的更多相关文章
- js倒计时-倒计输入的时间
计算指定时间到指定时间之间相差多少天.时.分.秒. 节日.活动.商城常用. 原理: 主要使用到时间戳,也就是从1970 年 1 月 1 日 到指定时间的毫秒数. 1. 求出毫秒差 :当两个时间直接进行 ...
- js 倒计时（可自定义时间）
<html> <head> <title>js 倒计时</title> </head> <body> <div> & ...
- js倒计时显示
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>j ...
- Js倒计时程序
Js倒计时程序 点击下载
- JS倒计时网页自动跳转代码
<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/ ...
- JS倒计时 代码
JS倒计时 代码 <div> <span id="KSD">3</span>天 <span id="KSH">1 ...
- js倒计时函数和(js禁用和恢复a标签的操作)
<script type="text/javascript"> /*获取手机号*/ var start_time=60; function get_phone_nums ...
- js 倒计时跳转
用js实现简单的倒计时结束页面跳转效果,主要用到setInterval()和clearInterval()方法,页面跳转使用window.location.href = " ".倒 ...
- 常见JS倒计时
https://www.jb51.net/Special/356.htm //JS倒计时 <button onclick="resetTime(60)">启动倒计时 ...
- 页面倒计时跳转页面效果，js倒计时效果
页面倒计时跳转页面效果,js倒计时效果 >>>>>>>>>>>>>>>>>>>> ...
随机推荐
- unity, Animation crossfade需要两动画在时间上确实有交叠
unity现在播动画都用Animator了,但公司的老项用的还是Animation,今天遇到一个bug,是两个动画的衔接处不连贯. 最后发现是由于A动画已经播完之后B动画才开始播,而且还用了cross ...
- du 命令，对文件和目录磁盘使用的空间的查看
Linux du命令也是查看使用空间的,但是与df命令不同的是Linux du命令是对文件和目录磁盘使用的空间的查看,还是和df命令有一些区别的. 1．命令格式: du [选项][文件] 2．命令功能 ...
- IOS开发-PCH文件的使用
PCH文件存储一些共享的数据,在其他的文件可以直接使用,这样减少程序输入,比如存储宏定义 1.首先新建PCH文件 2.建立完毕 3.在这里找到文件路径 4.进入targets 点击Build Sttt ...
- 批处理安装APK
set adbpa=D:\Nexus6\ota51\ADBTool set apkpa=D:\WDJDownload\Apps %adbpa%\adb.exe install %apkpa%\CPU- ...
- golang的采集库
goquery https://github.com/PuerkitoBio/goquery 例子 aa.html <html> <body> <div id=" ...
- Linux下Wi-Fi的实现：wireless_tools和wpa_supplicant
平台为hi35XX,在Liunx下借助wireless_tools和wpa_supplicant(因为现在的无线WIFI网络大多是wpa加密.所以需要移植wpa_supplicant工具)等工具实现w ...
- C基础--函数参数副本
转自:http://blog.csdn.net/chujiangke001/article/details/38553173 void GetMemory(char *p, int num) { p ...
- iphone dev 入门实例5:Get the User Location & Address in iPhone App
Create the Project and Design the Interface First, create a new Xcode project using the Single View ...
- Redis 内存使用优化与存储
Redis 常用数据类型 Redis 最为常用的数据类型主要有以下五种: • String • Hash • List • Set • Sorted set 在具体描述这几种数据类型之前,我们先通过一 ...
- VS2013 越来越慢
Q.VS2013 原来启动只要大概 一两秒的时间,现在启动最少也得十秒以上.而且打开项目也变得很慢了!求解决方案. 清理一下缓存就好了.devenv.exe /resetuserdata 第二:装了v ...