使用js实现页面自动跳转

145 阅读 0 评论 96 点赞

我是靠谱客的博主敏感便当，这篇文章主要介绍使用js实现页面自动跳转，现在分享给大家，希望可以做个参考。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

function out(time, url){ //time:跳转时间； url:跳转地址
var i = time ;
if(i==0) {
window.location.href=url;
}
document.getElementById("time").innerHTML = i;

//递归调用自身，每次i自减1，直至i=0跳转至指定url
i--;
setTimeout("out("+i+",'"+url+"')",1000); //此处的1000表示：以1000毫秒（1秒）为基本单位
}

</script>



<body οnlοad="out(3,'www.baidu.com')">
<div>
<div>
<p>页面<span id="time"></span>秒后自动跳转......</p><br/>
<p>如长时间未跳转，请点击<a href="www.baidu.com">直接跳转</a></p>
</div>
</div>
</body>

</html>

转载于:https://blog.51cto.com/ding2425/809515