JS文本框输入一个正整数,然后单击begin按钮,系统开始以秒为单位倒计时,倒计时数值同时显示在文本框中,直至数值显示为0结束

本文通过示例展示了如何使用JavaScript实现一个从输入的正整数开始的倒计时功能,点击开始按钮后,每秒减少1并在文本框中显示,直到计数到0并自动停止。文中提供了初步实现和改进版的代码,并介绍了JavaScript的setInterval和clearInterval方法在计时器操作中的应用。
摘要由CSDN通过智能技术生成

初步实现:

    <input type="text" id="n" size="12">

    <input type="button" value="Begin" οnclick="countDown()">

    <script> 

        var a = document.getElementById("n");

        function countDown(){ 

            var b = setInterval(function(){  

                console.log(a.value); 

                a.value=a.value-1; 

                if (a.value <= 0) {   

                    console.log("end")  

                    clearInterval(b);

                }

            }, 1000); 

        }

    </script> 

改进版:

    <input type="text" id="n" size="12

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值