JavaScript-212：5秒钟之后跳往页面

最新推荐文章于 2023-10-18 15:00:37 发布

臧小川

最新推荐文章于 2023-10-18 15:00:37 发布

阅读量379

点赞数

分类专栏： JavaScript基础文章标签： JavaScript 倒计时页面跳转事件监听 DOM操作

臧小川

本文链接：https://blog.csdn.net/chuan0106/article/details/123229386

版权

JavaScript基础专栏收录该内容

240 篇文章 25 订阅

订阅专栏

效果图

在这里插入图片描述

结构

    <button>点击</button>
    <div></div>

js

        var div = document.querySelector('div');
        var btn = document.querySelector('button');
        var timer = 5;
        btn.addEventListener('click', function ()
        {
            // console.log(window.location.href);
            location.href = 'https://blog.csdn.net/chuan0106';
        })
        fn();
        setInterval(fn, 1000)
        function fn ()
        {
            if (timer == 0)
            {
                location.href = 'https://blog.csdn.net/chuan0106';
            } else
            {
                div.innerHTML = '您将在' + timer + '秒后跳转页面';
                timer--;
            }

        }