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>

 

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/16555.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论