JavaScript实现秒数倒计时并自动跳转页面

JavaScript实现秒数倒计时并自动跳转页面

1.3秒后自动返回

 
在HTML中放置一个用于显示倒计时的元素，例如：<span id="totalSecond">3</span>秒后自动返回
引入JavaScript脚本块：<script language="javascript" type="text/javascript">
<!-- 
首先获取页面上显示秒数的元素节点，并读取其当前文本内容作为初始秒数值：var second = document.getElementById('totalSecond').textContent;
为了兼容不同浏览器，需要判断当前浏览器类型。如果浏览器名称中包含“Explorer”，则认为是IE浏览器，需采取相应措施获取秒数：if (navigator.appName.indexOf("Explorer") > -1)
{ 
在IE浏览器环境下，通过innerText属性获取并更新秒数值：second = document.getElementById('totalSecond').innerText;
如果不是IE浏览器，则执行以下逻辑：} else
{ 
在非IE浏览器中，通过textContent属性获取秒数值：second = document.getElementById('totalSecond').textContent;
} 
设置定时器，每隔1000毫秒（即1秒）调用一次redirect函数：setInterval("redirect()", 1000);
定义redirect函数，用于处理倒计时逻辑和页面跳转：function redirect()
{ 
在函数内部，首先判断剩余秒数是否小于0：if (second < 0)
{ 
如果秒数已小于0，则将当前页面重定向到指定的URL，例如百度首页：location.href = 'http://www.baidu.com';
否则，继续执行以下逻辑：} else
{ 
再次判断浏览器是否为IE：if (navigator.appName.indexOf("Explorer") > -1)
{ 
如果是IE浏览器，则更新元素的innerText属性，并将秒数减1后显示：document.getElementById('totalSecond').innerText = second--;
如果不是IE浏览器，则执行以下逻辑：} else
{ 
在非IE浏览器中，更新元素的textContent属性，并将秒数减1后显示：document.getElementById('totalSecond').textContent = second--;
} 
} 
} 
--> 
结束JavaScript脚本块：</script>