setTimeout实现
<!-- 8秒倒计时 --> <p><span id="time"></span>秒后自动跳转到百度</p> <!-- js部分 --> function countDown(secs, url) {
// secs--设置倒计时秒数，url--要跳转的链接 var time = document.getElementById("time") time.innerHTML = secs // 页面上显示所设定的倒计时时长 if(--secs>0){
setTimeout(countDown, 1000, secs, surl) // 剩余秒数>0继续每秒执行一次 // setTimeout("count(" + secs + ",'" + surl + "')", 1000) 这样的写法也可以，但该语法不推荐，有安全风险 } else {
location.href = surl // 剩余秒数=0，页面调向指定url } } counDown(8, "www.baidu.com") setTimeInterval实现
<p><span id="time"></span>秒后自动跳转到百度</p> <!-- js部分 --> var secs = 8 // 初始化倒计时时长8s var time = document.getElementById("time") time.innerHTML = secs // 给页面倒计时处初始化赋值，这样就不用在标签处手动写上8了 var interval = setInterval(countDown, 1000, "www.baidu.com") // 设定一个时间循环，1s执行一次countDown函数 function countDown(surl) {
if(--secs<0) {
//剩余时间为0的时候清除时间循环，跳转去www.baidu.com clearInterval(interval) location.href = surl } time.innerHTML = secs } 注：setTimeout执行完可以不用执行clearTimeout，这个clearTimeout效果类似于微信撤回功能，假如setTimeout设置2分钟后自动跳转www.baidu.com,但用户在2分钟内突然不想让页面跳去baidu，执行clearTimeout就能取消这个定时操作了，但是如果2分钟都过了，显然定时器已经失效了。但是如果不执行clearInterval，setInterval就不会停止
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/224940.html原文链接：https://javaforall.net
![8月8日—阴[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
