javascript如何完成5秒之后跳转页面

lxf2023-02-19 10:30:16

javascript完成5秒之后跳转页面的办法:【var div = document.querySelector('div'); var time = 5; timer(); setInterval(timer, 1000) ...】。

javascript如何完成5秒之后跳转页面

文中作业环境: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其他类似文章!