美文网首页
应用-延迟自动跳转页面

应用-延迟自动跳转页面

作者: Dxes | 来源:发表于2019-12-10 20:38 被阅读0次
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <p id="p1">5s后自动跳转到百度...</p>
        
        <script type="text/javascript">
            p1_ = document.getElementById('p1')
            //时间
            num = 5
            timer1 = setInterval(function(){
                num -- 
                if(num >= 1){
                    p1_.innerText = num+'s后自动跳转到百度...'
                    
                }else{
                    clearInterval(timer1)
                    window.location.href = 'https://www.baidu.com'
                }
                    
            }, 1000)
            
            
        </script>
    </body>
</html>

相关文章

网友评论

      本文标题:应用-延迟自动跳转页面

      本文链接:https://www.haomeiwen.com/subject/etqngctx.html