js怎么实现文本框里面输入什么的数字就从什么数字开始倒计时然后结束时弹出一个警告框提示倒计时完毕?
你好,代码如下,望采纳
第一种:
<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>
比如,
输入框输入数字,获取数字,开始倒计时,倒计时为0,弹出警告框。
然后有了思路枝干后,再把每一节写得更详细,然后发现哪里不知道怎么做,就去百度,百度一个小功能的实现是基本有现成代码的。确定能实现后,根据文字描述用现成代码放入相应位置。如果百度没有实现发现,就需要去百度一下有没有实现目标小功能的可行方案,进而修改一下思路文字。
我(lanwuyaojiu.cn)不写代码,只搬运代码。