JS倒计时跳转页面

时间:2023-02-01 22:04:21

这里给大家提供一个好用的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>