倒计时xx秒后跳转网址,javascript编写

发布时间：2018-08-16 20:47 所属栏目：121 来源：站长网

导读：这个效果是烈火在 QQ邮箱看到的，今天在访问QQ邮箱时发现，腾讯公司还在使用qqmail.com的域名，于是就发现了这个效果，是一个简单的js编写的跳转网址效果，时间可以设置，本例中设置的为20秒，以前介绍的跳转都是隐藏跳转，访客是看不到的，这个效果打破

　　这个效果是烈火在QQ邮箱看到的，今天在访问QQ邮箱时发现，腾讯公司还在使用qqmail.com的域名，于是就发现了这个效果，是一个简单的js编写的跳转网址效果，时间可以设置，本例中设置的为20秒，以前介绍的跳转都是隐藏跳转，访客是看不到的，这个效果打破了原来的弊端，可以很清楚的看到倒计时效果，20秒后跳转到烈火首页。

　　以下为实例效果：

<!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> <title>多少秒后进入网址效果 - Liehuo.Net</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <p id="autoRedirect" style="display:none;">网站改版，给您带来不便，<span id="countDown" style="margin:0 10px 0 0;font-size:16px;color:red;font-weight:bold;"></span>秒后自动进入烈火首页，您也可以<a href="http://mail.qq.com">点此</a>进入。</p> <p> </p> <p style="text-align:right;">烈火网络学院<br />www.veryhuo.com</p> </div> <div class="footer"> <hr /> <span> © 2006 - 2010 Liehuo.Net Inc. All Rights Reserved </span> </div> </div> <script type="text/javascript"> var times = 20; var redirectUrl = "http://www.veryhuo.com/?demo_sec"; var countDown = function() { if( times == 0 ) { location.href = redirectUrl; } document.getElementById( "countDown" ).innerHTML = times; times--; } document.getElementById( "autoRedirect" ).style.display = ""; countDown(); var __countDown = setInterval( "countDown();" , 1000 ); </script> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）