5秒之后自动跳转页面

ywt201010

于 2023-05-23 11:52:45 发布

阅读量1.2w

点赞数

文章标签：数学建模

本文链接：https://blog.csdn.net/ywt201010/article/details/130824336

版权

<body>
    <button>点击</button>
    <div></div>
    <script>
        var btn = document.querySelector('button');
        var div = document.querySelector('div');
        btn.addEventListener('click', function() {
            // console.log(location.href);
            location.href = 'http://www.itcast.cn';
        })
        var timer = 5;
        setInterval(function() {
            if (timer == 0) {
                location.href = 'http://www.itcast.cn';
            } else {
                div.innerHTML = '您将在' + timer + '秒钟之后跳转到首页';
                timer--;
            }

        }, 1000);
    </script>
</body>