js怎么实现文本框里面输入什么的数字就从什么数字开始倒计时然后结束时弹出一个警告框提示倒计时完毕?

js怎么实现文本框里面输入什么的数字就从什么数字开始倒计时,然后结束时弹出一个警告框提示倒计时完毕... js怎么实现文本框里面输入什么的数字就从什么数字开始倒计时,然后结束时弹出一个警告框提示倒计时完毕 展开
 我来答
美食家山治
2020-09-06 · 知识无穷无尽,广而学之,学而精之
美食家山治
采纳数:4 获赞数:29

向TA提问 私信TA
展开全部

你好,代码如下,望采纳

第一种:

<body>

<input type="number"  id="num" value=""/>

<button onclick="ks();">开始</button>

<script>

     function ks(){

         var currentValue = document.getElementById("num").value;

         while (currentValue>0) {

             document.getElementById("num").value = --currentValue;

             console.log("当前值为"+currentValue);

             if(currentValue==0){

                  alert("倒计时结束!");

             }

         }

     }

</script>

</body>


第二种,可能你需要一个倒计时的效果,可以用这种,每1秒减1:

<body>

<input type="number"  id="num" value=""/>

<button onclick="ks();">开始</button>

<script>

     function ks(){

         var currentValue = document.getElementById("num").value;

         djs(currentValue);

     }

     function djs(currentValue){

         if(currentValue==0){

              alert("倒计时结束!");

         }else{

             console.log("正在倒计时"+currentValue);

             setTimeout(function(){ djs(--currentValue) }, 1000);//倒计时间隔1秒

         }

     }

</script>

</body>


更多追问追答
追问
倒计时的值怎么显示到网页中
追答

你加上下面加粗的一行代码

<script>

     function ks(){

         var currentValue = document.getElementById("num").value;

         djs(currentValue);

     }


     function djs(currentValue){

         if(currentValue==0){

              alert("倒计时结束!");

         }else{

             console.log("正在倒计时"+currentValue);

             document.getElementById("num").value = currentValue;//这里是将值显示到文本框中

             setTimeout(function(){ djs(--currentValue) }, 1000);//倒计时间隔1秒

         }

     }

</script>

前端懒无药救
2020-09-06 · TA获得超过284个赞
知道小有建树答主
回答量:208
采纳率:42%
帮助的人:57.5万
展开全部
先写一段文字,把自己的思路写出来。
比如,
输入框输入数字,获取数字,开始倒计时,倒计时为0,弹出警告框。
然后有了思路枝干后,再把每一节写得更详细,然后发现哪里不知道怎么做,就去百度,百度一个小功能的实现是基本有现成代码的。确定能实现后,根据文字描述用现成代码放入相应位置。如果百度没有实现发现,就需要去百度一下有没有实现目标小功能的可行方案,进而修改一下思路文字。
我(lanwuyaojiu.cn)不写代码,只搬运代码。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式