倒计时跳转页面——定时器应用

  淘宝上的特价倒计时相信大家都不陌生。其实他的实现也很简单。

<!DOCTYPE html>
<html>
 <head>
  <title>浏览器对象</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
 </head>
 <body onload="add()">

  <p>操作成功!</p>
  <p><span id="time">5</span>秒后回到主页!<a href="javascript:bk()">返回</a></p>

  <script type="text/javascript">
     var tim=document.getElementById("time").innerHTML;
     function add(){
        tim--;
        document.getElementById("time").innerHTML=tim;
        if(tim==0){
           location.assign("http://www.baidu.com");
        }
     }
     setInterval("add()",1000);
     function bk(){
        window.history.back();
     }

 </script>
</body>
</html>
时间: 2024-10-23 16:01:17

倒计时跳转页面——定时器应用的相关文章

JavaScript学习笔记-简单的倒计时跳转页面

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>简单的倒计时跳转页面</title> </head> <body> <p><span id="time&qu

JS倒计时跳转页面

这里给大家提供一个好用的JS写的倒计时页面,就像一些网站上点提交后出现的倒计时页面类似. 页面代码简单,直接拷贝就能运行,页面可以自己美化下. 1 <!--这里定义倒计时开始数值--> 2 3 <span id="totalSecond">5</span> 4 5 <!--定义js变量及方法--> 6 7 <script language="javascript" type="text/javascri

js 倒计时跳转页面

<script type="text/javascript">var i = 5; var intervalid; intervalid = setInterval("fun()", 1000); function fun() { if (i == 0) { window.location.href = "<%=basePath%>home"; clearInterval(intervalid); } document.g

[javascript]各种页面定时跳转(倒计时跳转)代码总结

(1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内) 1 <script type="text/javascript"> 2 //3秒钟之后跳转到指定的页面 3 setTimeout(window.location.href='http://www.baidu.com',3); 4 </script> (2)html代码实现,在页面的head区域块内加上如下代码 1 <!--5秒钟后跳转到指定的页面--> 2 <met

记录各种页面定时跳转方法(倒计时跳转总结)

下面对实现页面定时跳转(也称倒计时跳转)做一下总结,各种定时跳转代码记录如下: (1)使用setTimeout函数实现定时跳转(如下代码要写在body区域内) 代码如下: <script type="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout(window.location.href='http://www.balijieji.com',3); </script> (2)html代码实现,在页面的head区域块内加上

各种页面定时跳转(倒计时跳转)代码总结

一.使用setTimeout函数实现定时跳转(如下代码要写在body区域内) <script type="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout(window.location.href='http://www.baidu.com',3); </script> 或者: <script language="JavaScript" type="text/javascript&quo

js倒计时关闭当前页面代码

js倒计时关闭当前页面代码:很多网站在关闭网页之前会给出一个倒计时效果,这样可以让浏览者做到根据相应的情况进行操作,比较人性化,下面就通过实例代码介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name=&quo

跳转页面的几种方法

1.最常用的当然是在a标签里写链接,跳转页面,这个就不用说了 2.使用js的window.loaction跳转页面 <script> //使用href属性跳转 location.href ='http://www.baidu.com'; //使用assign()方法跳转 location.assign('http://www.baidu.com'); //使用replace()方法跳转 location.replace('http://www.baidu.com'); //只适用于IE win

js 倒计时 跳转

1. setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. setTimeout() 只执行 code 一次.如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout(). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.