Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/436.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从输入框中创建倒计时的秒表初始值_Javascript_Html - Fatal编程技术网

Javascript 从输入框中创建倒计时的秒表初始值

Javascript 从输入框中创建倒计时的秒表初始值,javascript,html,Javascript,Html,我似乎只在点击按钮时前进了一位数,然后它停止了,因为倒计时正在从输入框恢复到初始值。我希望在输入字段中输入一个初始值,然后用作倒计时的开始时间,倒计时将持续到0 我被卡住了。有解决办法吗 函数启动按钮(){ //--输入值 var d=document.getElementById(“inputValue”).value; 如果(d!=0){ --d; document.getElementById(“demo”).innerHTML=d; document.getElementById(“o

我似乎只在点击按钮时前进了一位数,然后它停止了,因为倒计时正在从输入框恢复到初始值。我希望在输入字段中输入一个初始值,然后用作倒计时的开始时间,倒计时将持续到0

我被卡住了。有解决办法吗

函数启动按钮(){
//--输入值
var d=document.getElementById(“inputValue”).value;
如果(d!=0){
--d;
document.getElementById(“demo”).innerHTML=d;
document.getElementById(“omed”).innerHTML=“谢谢”;
} 
其他的
{
document.getElementById(“omed”).innerHTML=“请输入您的时间”;
}
}
秒表

会议记录

启动计数器! 暂停计数器!



输入倒计时长度

您要做的是设置一个包含计时器的变量

var myTimer=setInterval(函数(){/*您的操作*/},60000)

这将设置一个计时器,每1分钟触发“您的操作”部分。在使用变量时,您知道如何访问计时器,并且可以随时停止/启动计时器

现在,我们可以将更新HTML元素的代码放在这里,如下所示:
document.getElementById(“demo”).innerHTML=--d

守则如下:

var myTimer = setInterval(function() { 
    document.getElementById("demo").innerHTML = --d;
}, 60000);
现在,您可以通过调用:
clearInterval(myTimer)
任意位置来停止计时器。因此,您仍然可以在您的
onClick
中使用它

上面示例中的问题是,现在即使它达到0,它也会倒计时。因此,您希望在它达到0时自动停止它。 这可以通过检查变量来实现:

if (d !== 0) {
        document.getElementById("demo").innerHTML = --d;   
      }else {
        clearInterval(myTimer); // clear the timer when it hits 0 to make sure it'll not go under 0
      }
我也在代码中添加了一些反馈。但是它很容易理解:如果大于0,那么就做:d-1。如果为0,则停止计时器。您还可以在
else{}
中输入一条消息,说明计时器已完成

我使用您代码中的上述信息更改了一些内容:

var myTimer=null;
函数startButton(){
clearInterval(myTimer);//清除时间间隔,使其在重新单击时重新启动
var d=document.getElementById(“inputValue”).value;
如果(d!==0){
document.getElementById(“demo”).innerHTML=d;//设置信息就绪,以便用户知道开始倒计时。
myTimer=setInterval(函数(){
如果(d!==0){
document.getElementById(“demo”).innerHTML=--d;
}否则{
clearInterval(myTimer);//当计时器达到0时清除计时器,以确保它不会低于0
}
}, 60000);
}
其他的
{
document.getElementById(“omed”).innerHTML=“请输入您的时间”;
myTimer.clearInterval();
}
}
秒表

会议记录

启动计数器! 暂停计数器!



输入倒计时长度

您要做的是设置一个包含计时器的变量

var myTimer=setInterval(函数(){/*您的操作*/},60000)

这将设置一个计时器,每1分钟触发“您的操作”部分。在使用变量时,您知道如何访问计时器,并且可以随时停止/启动计时器

现在,我们可以将更新HTML元素的代码放在这里,如下所示:
document.getElementById(“demo”).innerHTML=--d

守则如下:

var myTimer = setInterval(function() { 
    document.getElementById("demo").innerHTML = --d;
}, 60000);
现在,您可以通过调用:
clearInterval(myTimer)
任意位置来停止计时器。因此,您仍然可以在您的
onClick
中使用它

上面示例中的问题是,现在即使它达到0,它也会倒计时。因此,您希望在它达到0时自动停止它。 这可以通过检查变量来实现:

if (d !== 0) {
        document.getElementById("demo").innerHTML = --d;   
      }else {
        clearInterval(myTimer); // clear the timer when it hits 0 to make sure it'll not go under 0
      }
我也在代码中添加了一些反馈。但是它很容易理解:如果大于0,那么就做:d-1。如果为0,则停止计时器。您还可以在
else{}
中输入一条消息,说明计时器已完成

我使用您代码中的上述信息更改了一些内容:

var myTimer=null;
函数startButton(){
clearInterval(myTimer);//清除时间间隔,使其在重新单击时重新启动
var d=document.getElementById(“inputValue”).value;
如果(d!==0){
document.getElementById(“demo”).innerHTML=d;//设置信息就绪,以便用户知道开始倒计时。
myTimer=setInterval(函数(){
如果(d!==0){
document.getElementById(“demo”).innerHTML=--d;
}否则{
clearInterval(myTimer);//当计时器达到0时清除计时器,以确保它不会低于0
}
}, 60000);
}
其他的
{
document.getElementById(“omed”).innerHTML=“请输入您的时间”;
myTimer.clearInterval();
}
}
秒表

会议记录

启动计数器! 暂停计数器!



输入倒计时长度

我已修改了您的代码。这似乎是你要找的

vard=0;
函数setTime(){
d=document.getElementById(“inputValue”).value;
}
功能秒表(){
d--;
document.getElementById(“demo”).innerHTML=d;
document.getElementById(“omed”).innerHTML=“谢谢”;
开始按钮()
}
var-myTimer;
函数startButton(){
如果(d!=0){
myTimer=setTimeout(秒表,1000);
} 
其他的
{
document.getElementById(“inputValue”).value=“”;
document.getElementById(“omed”).innerHTML=“请输入您的时间”;
}
}
分钟


启动计数器! 暂停计数器!



输入倒计时长度

我已修改了您的代码。这似乎是你要找的

vard=0;
函数setTime(){