js--5秒后自动跳转网页

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

liuyi0604

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

阅读量3.3w

点赞数 1

本文链接：https://blog.csdn.net/liuyi0604/article/details/81231216

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="demo"></div>
</body>
</html>
<script>
    var demo = document.getElementById("demo");
    var count = 5;
    var speed = 1000;
    setTimeout(goIndexPage,speed);    //1秒钟之后执行goIndexPage函数
    function goIndexPage(){
        count--;
        demo.innerHTML="<a href='http://www.baidu.com'>"+count+"秒后自动跳转首页</a>";
        if(count <=0){
            window.location.href = "http://www.baidu.com";  //js页面跳转
        }else{
            setTimeout(goIndexPage,speed);   //递归调用,自己调用自己
        }
    }
</script>