js实现多少秒后自动跳转

Posted 576

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现多少秒后自动跳转相关的知识,希望对你有一定的参考价值。

第一种使用SetInterval

$(function () {

            setInterval(ChangeTime, 1000);

        });

        function ChangeTime() {

            var time;

            time = $("#time").text();

            time = parseInt(time);

            time--;

            if (time <= 0) {

                window.location.href = "/Home/Index";

            } else {

                $("#time").text(time);

            }

        }

第二种使用SetTimeout:

$(function () {

            setTimeout(ChangeTime, 1000);

        });

        function ChangeTime() {

            var time;

            time = $("#time").text();        

            time = parseInt(time);

            time--;

            if (time <= 0) {

                window.location.href = "/Home/Index";

            } else {

                $("#time").text(time);

                setTimeout(ChangeTime, 1000);

            }

        }

<div>你访问的页面出现异常,<span id="time">5</span>秒钟自动跳到首页</div>

以上是关于js实现多少秒后自动跳转的主要内容,如果未能解决你的问题,请参考以下文章

vue路由跳转不会自动跳转到顶部的问题

怎样使用js代码实现客户端浏览器延时30秒后自动跳转到浏览器默认主页?

页面打开后,几秒后自动跳转

JS识别当前URL,延迟5秒后跳转到特定页面

如何做30秒后自动跳转网页

怎么用HTML,实现打开一个网页一秒后,自动跳到另一个网页