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倒计时代码

猜你喜欢

文章关键字替换带链接需要注意的两个问题

一个ASP站内搜索的实例源代码

python语言的优势是什么

Form Post提交容量大的数据

Python matplotlib画曲线例题解析

go语言实现一个最简单的http文件服务器实例

PyCharm永久激活方式(推荐)

使用Python实现租车计费系统的两种方法

Bootstrap开发实战之第一次接触Bootstrap

“mailto”的六则应用技巧

Vue中keep-alive的两种应用方式

python deque模块简单使用代码实例

Python 图像处理之PIL库详解用法

python 通过麦克风录音生成wav文件的方法

Python编程mac下使用pycharm小技巧

详解Python中映射类型的内建函数和工厂函数

MSSQL监控数据库的DDL操作(创建，修改，删除存储过程，创建，修改，删除表等)

python+OpenCV实现车牌号码识别

TensorFlow2.1.0最新版本安装详细教程

python网络编程之数据传输UDP实例分析

js倒计时代码

猜你喜欢

文章关键字替换带链接需要注意的两个问题

一个ASP站内搜索的实例源代码

python语言的优势是什么

Form Post提交容量大的数据

Python matplotlib画曲线例题解析

go语言实现一个最简单的http文件服务器实例

PyCharm永久激活方式(推荐)

使用Python实现租车计费系统的两种方法

Bootstrap开发实战之第一次接触Bootstrap

“mailto”的六则应用技巧

Vue中keep-alive的两种应用方式

python deque模块简单使用代码实例

Python 图像处理之PIL库详解用法

python 通过麦克风录音 生成wav文件的方法

Python编程mac下使用pycharm小技巧

详解Python中映射类型的内建函数和工厂函数

MSSQL监控数据库的DDL操作(创建，修改，删除存储过程，创建，修改，删除表等)

python+OpenCV实现车牌号码识别

TensorFlow2.1.0最新版本安装详细教程

python网络编程之数据传输UDP实例分析

python 通过麦克风录音生成wav文件的方法