Question

这是简单的javascript代码，它有3个函数Increment（），Stop（），Start（）。

var value = 0;
var end;

function Increment(){
    value++;
    document.getElementById('counter').innerHTML = 'Value: ' + value + '<br />';    
}
end = setInterval(Increment, 1000);

function Stop(){
    clearInterval(end); 
}

function Start(){
    end = setInterval(Increment, 1000); 
}


<p id="counter"></p></br>
<div>
    <input id= "btn1" type="button" value="Stop" onclick="Stop()">
    <input id = "btn2" type="button" value="Start Again" onclick="Start()">             
</div>

如何手动配置值;就像我会输入一个所需的值，它将从该值开始。
如何设置阈值，超过阈值后，相应的框/圆将改变颜色。

谢谢，亲切的问候，

Answer 1

如果您的意思是如何在代码端设置值，那么您只需将var value = 0行更改为您想要的任何值。如果您希望用户能够设置该值，那么您将使用输入来获取用户值，然后将其设置为var value =。
在您的脚本中，在Increment（）中添加一行，例如“if（value＆gt; = _ ）{”，并在空白处显示您的阈值，然后添加您的颜色 - 在括号后更改代码。

Answer 2

您想添加一个允许用户设置初始值的输入字段。我也不建议编写内联JavaScript - 请看一下不引人注目的JavaScript主题。

以下是startCounting()的外观：

// Hold our counter info
var counter = {
    currValue: 0,
    interval: null
};

function startCounting() {
    // Set the current value if provided
    counter.currValue = startValueField.value || 0;
    counter.interval = setInterval(increment, 1000);
}

我会将阈值添加为练习。这是一样的想法。

FIDDLE

手动配置值并在JavaScript中更改框（圆）的颜色

2 个答案: