计时器在项目中常用,在面试中常考,那么接下来就要手写一个javascript的10秒倒计时吧

代码:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<script type="text/javascript">
    function daojishi()
    {
        var starttime=document.getElementById("id2").innerText;
        if(starttime==0)
        {
            return ;
        }
        setTimeout("daojishi()",1000);
        starttime--;
        document.getElementById("id2").innerText=starttime;
    }
</script>


<body>
<h5 id="id2">10</h5>
<button id="id1" onclick="daojishi()">开始倒计时</button>

</body>
</html>

需要注意的是,其实setTimeout的第一个参数是code,所以应该传递javascript代码字符串(网上说法,亲测未能成功),或者是一个匿名的function(){},而不能直接写函数

settimeout用法如图:

更多推荐

使用JavaScript实现10秒倒计时