javascript完成5秒之后跳转页面的办法:【var div = document.querySelector('div'); var time = 5; timer(); setInterval(timer, 1000) ...】。
文中作业环境:windows10系统软件、thinkpad t480计算机。
在许多项目实施中我们经常会必须完成网页页面跳转效果,下边的代码编写了网页页面5秒之后跳转效果,一起来看看吧!
详细编码如下所示:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div></div>
<script>
var div = document.querySelector('div');
var time = 5;
timer();
setInterval(timer, 1000)
function timer() {
if (time == 0) {
location.href = 'http://www.baidu.com'
} else {
div.innerHTML = '将于' time '秒之后跳转百度搜索';
time--;
}
}
</script>
</body>
</html>
强烈推荐学习培训:javascript视频教学
以上就是关于javascript如何完成5秒之后跳转页面的具体内容,大量欢迎关注AdminJS其他类似文章!