倒计时 页面5s 自动跳转 #yyds干货盘点#

2021年11月24日 阅读数:4
这篇文章主要向大家介绍倒计时 页面5s 自动跳转 #yyds干货盘点#,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

代码

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
  <script src="js/jquery.min.js"></script>
</head>
<body>
    <div id="digit">5</div>

    <script type="text/javascript">
        $(function (){
            let  count =5;
            let timer = setInterval(() => {
                count = count-1;
                if (count <= 0) {
                    clearInterval(timer);
                    timer = null;
                    //跳转的页面写在此处
                    location.href="404.html"
                }
                $("#digit").text(count);
            }, 1000)
        });
    </script>
</body>
</html>

效果

动画2.gif