html meta标签重定向（倒计时跳转）

最新推荐文章于 2022-04-25 19:04:59 发布

sunsineq

最新推荐文章于 2022-04-25 19:04:59 发布

阅读量345

点赞数

分类专栏： html 文章标签： html

原文链接：https://blog.csdn.net/kill_bugs/article/details/53086365?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.compare&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.compare

版权

html 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

使用 <meta> 元素来重定向跳转：

<meta http-equiv="Refresh" content="5;url=http://blog.csdn.net/kill_bugs" />

添加以上一句话就可以倒计时5s后跳转了！

界面添加倒计时效果：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="5;url=http://www.w3school.com.cn">
    <title>Title</title>
    <script type="text/javascript">
        window.onload = function () {
            var i = 4;
            var tim = document.getElementById("timers");
            var timer = setInterval(function () {
                if (i == -1) {
//                    window.location.href="http://blog.csdn.net/kill_bugs";
                    clearInterval(timer);
                } else {
                    tim.innerHTML = i;
                    --i;
                }
            }, 1000);
 
        }
    </script>
</head>
<body>
<p>
    对不起。我们已经搬家了。您的 URL 是 <a href="http://blog.csdn.net/kill_bugs">http://blog.csdn.net/kill_bugs</a>
</p>
 
<p>您将在 <span class="timeShow" id="timers">5</span> 秒内被重定向到新的地址。</p>
 
<p>如果超过 5 秒后您仍然看到本消息，请点击上面的链接。</p>
</body>
</html>

sunsineq

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html meta标签重定向（倒计时跳转）

使用 <meta> 元素来重定向跳转：<meta http-equiv="Refresh" content="5;url=http://blog.csdn.net/kill_bugs" />添加以上一句话就可以倒计时5s后跳转了！界面添加倒计时效果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-
复制链接

扫一扫