javascript实现倒计时自动跳转页面

来源：互联网发布：软件测试用例编写编辑：程序博客网时间：2024/04/26 16:34

1.用setTimeout方法

<html><head><title>自动重定向</title></head><script type="text/javascript">function go() {document.location.href="test2.html"     //重定向方法}setTimeout(go,3000);                        //3秒后执行该方法</script><body><div>3秒后自动重定向</div></body></html>

3秒后直接跳转，没有倒计时提示

setTimeout(go,3000);//3秒后执行go方法

2.用setInterval方法

<html><head><title>自动重定向</title></head><script type="text/javascript">var lefttime=10000;function go() {document.getElementById("w").innerText=(lefttime)/1000;lefttime = lefttime - 1000;if(lefttime<0) {document.location.href="test2.html"     //重定向方法}}setInterval(go,1000);                      </script><body><div><div id="w">10</div>秒后自动重定向</div></body></html>

setInterval(go,1000);  //每过一秒执行一次go方法

有上述代码可知，页面会10倒计时，之后自动跳转

0 0