html页面，实现页面显示等待几秒自动跳转

演示图

注意

此代码片段不包含样式，样式自己手撸哈，只提供了跳转函数和html元素

代码

<script>
    var time=3;
    var timer=setInterval('tiaozhuan()',1000);
    function tiaozhuan() {
        var t=document.getElementById("id8");
        if(time>0) {
            t.innerHTML=time;
            time--;
        } else {
            clearInterval(timer);
            location.href="{$data.url}";
        }
    }
</script>


<div class="py-4 d-flex justify-content-center align-items-end">
    页面将在<font id="id8" size="3">3</font>秒钟跳转<a href="">或点击我直接跳转</a>
</div>