本文介绍如何使用JavaScript实现页面5秒后自动跳转的功能。通过定义countDown函数,利用setTimeout进行倒计时,并在倒计时结束后使用location.href进行页面重定向。代码包含HTML结构和JavaScript逻辑,适合需要实现自动跳转功能的开发者参考。
JavaScript实现页面5秒后自动跳转的代码示例
这段用于控制页面在5秒后自动跳转的JavaScript代码,在多种开发场景中十分实用,建议开发者收藏备用。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>JavaScript控制页面5秒后自动跳转的代码</title>
<script type="text/javascript">
function countDown(secs,surl){
//alert(surl);
var jumpTo = document.getElementById('jumpTo');
jumpTo.innerHTML=secs;
if(--secs>0){
setTimeout("countDown("+secs+",'"+surl+"')",1000);
}
else
{
location.href=surl;
}
}
</script>
</head>
<body><span id="jumpTo">5</span>秒后自动跳转到https://www.jb51.net/
<script type="text/javascript">
countDown(5,'https://www.jb51.net/');
</script>
</body>
</html>
希望本文提供的代码示例能对各位的JavaScript编程工作有所帮助。