<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    #box{
        padding: 0;
        margin: 0;
        text-align: center;
    }
    #time{
        font-size: 50px;
        color: crimson;
    }
</style>
<body>
<div>
    <div id="box">
        <div id="time">5</div>
    </div>
</div>
<script>
    window.onload = function () {
        //获取标签ID
        function $(id) {
            return typeof id === "string" ? document.getElementById(id) : null;
        }
        //时间定时器
        var time = setInterval(function () {
            var info = $("time").innerText -= 1;
            if (info === 0){
                //隐藏掉数字
                $("time").style.display = 'none';
                //删除定时器
                clearInterval(time);
                //到零执行
                alert('你是猪吗?你还真在等...');
            }
        },1000)
    }
</script>
</body>
</html>
最后修改:2020 年 08 月 11 日 10 : 25 PM
如果觉得我的文章对你有用,请随意赞赏