js倒计时代码

来源：经典论坛时间：2008-05-07 13:41:00　

我想做一个页面，10秒后转向其它页。想在网页中显示10秒的倒计时。

谢谢了。对ＪＳ不懂

方法一：

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>counter - asp之家</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>

方法二：

请等待<span id="dd">10</span>秒<script type="text/javascript">function run(){var s = document.getElementById("dd");if(s.innerHTML == 0){window.location.href='https://www.aspxhome.com/';return false;}s.innerHTML = s.innerHTML * 1 - 1;}window.setInterval("run();", 1000);</script>

方法三：介个～ CSDN上用到的，看出来会比较紧张一点

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script type="text/javascript">  </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>

标签：倒计时,setTimeout,js,代码

投稿

js倒计时代码

猜你喜欢

web标准页面知识必备 Ⅰ

可用性研究：为文字链接扩大可点击区域

javascript获取来源的URL代码

常见SQL Server 2000漏洞及其相关利用

教你精确编写高质量高性能的MySQL语法

火狐浏览器：浏览数据新方式（附模拟图）[译]

Dreamwaver 常见问答解答

asp如何做一个随机密码产生器？

给展示性图片增加提示工具条(黑白效果)

一个表单焦点效果函数

在ASP应用程序中加入智能搜索

FSO中的SubFolders 属性介绍

ASP网站Server object error的解决办法

Asp中Server.ScriptTimeOut脚本超时属性需要注意的一点

C#中的委托和事件

[翻译]标记语言和样式手册 Chapter 12 CSS布局

ip地址和身份证的js验证代码

IE7的web标准之道 Ⅰ

Dreamweaver使用快技法十三则

CSS编写过程中常见的10个错误