设置秒倒计时

最新推荐文章于 2024-11-09 17:11:29 发布

白莲配绿茶

最新推荐文章于 2024-11-09 17:11:29 发布

阅读量193

点赞数

本文链接：https://blog.csdn.net/weixin_56159611/article/details/117258333

版权

html

设置5秒倒计时 中为注释有需要的小伙伴可以将其删除查看结果

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
   </head>
   <body>
       <p>用户名输入框将在<b id="A">5</b>秒后获得焦点</p>
       
       <script>
           var b= document.getElementById("A");
       var i=4; //显示的秒数
       var id; //时间间隔方法返回值
       //设置<b>标签的文本内容
       function showTime(){
           if(i==0){
               clearInterval(id);
           }
           b.innerText = i;
           i--;
       }
       id = setInterval(showTime,1000);
       </script>
   </body>
</html>