JavaScript 自动秒跳转页面

最新推荐文章于 2024-06-27 14:16:37 发布

火星飞鸟

最新推荐文章于 2024-06-27 14:16:37 发布

阅读量717

点赞数 1

分类专栏： JavaScript 前端基础文章标签： javascript

本文链接：https://blog.csdn.net/Jack_lzx/article/details/109270710

版权

前端基础同时被 2 个专栏收录

111 篇文章 2 订阅

订阅专栏

JavaScript

88 篇文章 1 订阅

订阅专栏

要求：

3秒后自动跳转到指定页面，可用于首页广告等场景。

实现效果：

在这里插入图片描述

代码实现：

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

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

        function fn() {
            if (timer == 0) {
                location.href = 'https://blog.csdn.net/Jack_lzx';
            } else {
                div.innerHTML = timer + '秒钟之后跳转到首页';
                timer--;
            }
        }
    </script>
</body>

</html>

火星飞鸟

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript 自动秒跳转页面

代码实现：<body></body>内容：<body> <div></div> <script> var div = document.querySelector('div'); var timer = 5; fn(); setInterval(fn, 1000); function fn() { if (tim
复制链接

扫一扫