5秒后自动跳转的错误页面代码

最新推荐文章于 2021-06-04 17:36:02 发布

qiufengwuxiu

最新推荐文章于 2021-06-04 17:36:02 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qiufengwuxiu/article/details/79347890

本文介绍了一个简单的Error.html页面实现方案，该页面能够在出现异常时通知用户，并在5秒后自动跳转回首页。通过JavaScript定时器和浏览器兼容性处理实现了这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新建一个Error.html页面

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    出现异常了，5秒以后自动跳转到首页。
    <span id="totalSecond">5</span>
    <script type="text/javascript">
        var second = document.getElementById('totalSecond').textContent;
        if (navigator.appName.indexOf("Explorer") > -1) {
            second = document.getElementById('totalSecond').innerText;
        } else {
            second = document.getElementById('totalSecond').textContent;
        }
        setInterval("redirect()", 1000);
        function redirect() {
            if (second < 0) {
                location.href = '/Home/Index';
            } else {
                if (navigator.appName.indexOf("Explorer") > -1) {
                    document.getElementById('totalSecond').innerText = second--;
                } else {
                    document.getElementById('totalSecond').textContent = second--;
                }
            }
        }
    </script>
</body>
</html>