JavaScript 使用 setTimeout 实现页面自动跳转
作者:异步漫步时间:2026-10-27 20:25:48浏览:70
本文介绍如何利用 JavaScript 的 setTimeout 定时函数实现页面自动跳转。通过定义重定向函数并设置延迟时间,可在指定秒数后跳转至目标页面,常用于下载页引导等场景。
JavaScript 页面自动跳转实现
在某些下载网站中,用户访问一个页面完成任务后会自动返回原页面,这种设计旨在提升用户留存率。
利用 JavaScript 的定时函数可以简便地实现这一功能。
语法为 window.setTimeout(code, time),其中 code 是要执行的代码,time 是设定的延迟时间。
具体实现代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>javascript自动跳转</title>
<script type="text/javascript">
function redrect()
{
window.location = "1.html";
}
window.setTimeout(redrect,3000);// 跳转函数
</script>
</head>
<body >
<h4 style="color:#F00">这是跳转页面....</h4>
</body>
</html>作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
