JS倒计时跳转页面

这里给大家提供一个好用的JS写的倒计时页面,就像一些网站上点提交后出现的倒计时页面类似。

页面代码简单,直接拷贝就能运行,页面可以自己美化下。

 1  <!--这里定义倒计时开始数值-->
 2
 3 <span id="totalSecond">5</span>
 4
 5  <!--定义js变量及方法-->
 6
 7 <script language="javascript" type="text/javascript">
 8 var second = document.getElementById(‘totalSecond‘).textContent;
 9
10 if (navigator.appName.indexOf("Explorer") > -1)
11 {
12 second = document.getElementById(‘totalSecond‘).innerText;
13 } else
14 {
15 second = document.getElementById(‘totalSecond‘).textContent;
16 }
17
18
19 setInterval("redirect()", 1000);
20 function redirect()
21 {
22 if (second < 0)
23 {
24
25  <!--定义倒计时后跳转页面-->
26 location.href = ‘default.aspx‘;
27 } else
28 {
29 if (navigator.appName.indexOf("Explorer") > -1)
30 {
31 document.getElementById(‘totalSecond‘).innerText = second--;
32 } else
33 {
34 document.getElementById(‘totalSecond‘).textContent = second--;
35 }
36 }
37 }
38 </script>
时间: 2024-10-09 16:10:11

JS倒计时跳转页面的相关文章

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

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.

JSP中如何利用JS实现登录页面的跳转(JSP中如何利用JS实现跳转页面)

JSP中如何利用JS实现登录页面的跳转(JSP中如何利用JS实现跳转页面) 注:只是用到js中的setTimeout();具体使用方法:  setTimeout(函数名, 时间(毫秒)); setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method.setTimeout( ) 通常是与 function一起用. 样例: 1 <%@ page language="j

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

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

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定时跳转页面

<!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> <meta http-equiv="Content-

js中跳转页面

window.location.href.location.href是本页面跳转 parent.location.href是上一层页面跳转 top.location.href是最外层的页面跳转

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

淘宝上的特价倒计时相信大家都不陌生.其实他的实现也很简单. <!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gkb"/> </head> <body onload="add()">

[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