javascript-几秒后页面自动跳转

您的位置:3搜网 > 技术 > javascript-几秒后页面自动跳转

javascript-几秒后页面自动跳转

来源:3搜网分类:技术时间:2022-07-13 11:47:27浏览量:

关于javascript-几秒后页面自动跳转以下文字资料是由3搜网小编为大家搜集整理后发布的内容,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“javascript-几秒后页面自动跳转”文章吧。

实现思路:

  1. 设置一个跳转时间,
  2. 创建一个网址跳转处理函数,判断一下剩余时间,等于0时跳转页面
  3. 如果要做倒计时的效果,可以使用- - -setInterval函数,时间间隔1秒,循环执行2中的网址跳转处理函数,每次执行,网址跳转处理函数中剩余时间减1

代码示例:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自动跳转网页</title>
</head>

<body>
    <div></div>
    <script>
        var div = document.querySelector('div');
        var time = 5;
        change();
        setInterval(change, 1000);

        function change() {
            if (time == 0) {
                location.href = 'https://www.baidu.com/';
            } else {
                div.innerHTML = '还有' + time + '秒跳转';
                time--;
            }
        }
    </script>
</body>
</html>

以上就是关于“javascript-几秒后页面自动跳转”这篇文章的内容,希望分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注3搜网技术频道。