使用JavaScript实现10秒倒计时

置顶一杯丶冰美式

已于 2022-07-29 13:22:31 修改

阅读量2.4w

点赞数 14

文章标签： javascript 前端 servlet

于 2019-01-19 11:45:45 首次发布

本文链接：https://blog.csdn.net/RAVEEE/article/details/86550679

版权

计时器在项目中常用，在面试中常考，那么接下来就要手写一个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用法如图：