如何每5分钟将变量值减少0.2?

时间:2014-02-20 19:24:32

标签: javascript html

如何每5分钟将变量值减少0.2?

我有一个变量var = 7.2。现在我添加了一个按钮,所以当我点击时,变量将增加1。

现在我想添加一个选项,其中变量每5分钟递减0.2并停在原始数字7.2。

我已经尝试window.setInterval()但没有成功。

5 个答案:

答案 0 :(得分:2)

试试这个。

function myFunction(){
    if (counter === 0){
         document.getElementById("dicht").src = "images/open.jpg";
         degree = degree + 0.9;
         temp.innerHTML = degree; //+ " " + "graden celsius in de wijnkoeler";
         counter = 1;
     } else if (counter === 1){
         document.getElementById("dicht").src = "images/dicht.jpg";
         var id = window.setInterval(function(){
             degree = parseFloat(Math.max(7.2, (degree - 0.2)).toPrecision(2));
             if(degree == 7.2){
                 window.clearInterval(id);
                 counter = 0;
             }
             temp.innerHTML = degree;
         }, 1000 * 60 * 5);
     }
}

答案 1 :(得分:1)

以下是setInterval

的使用方法
var number;

var interval = setInterval(function(){
    if (number < 7.2 ) clearInterval(interval);
    number = number - 0.2;
}, 300000);

答案 2 :(得分:1)

使用setInterval

完成
var time = 7.2;
var fivemin = 300000;
$('someid').text(time);
setInterval(function(){
    time = time - 0.2;
    $('someid').text(time);    
}, fivemin);

WORKING DEMO

答案 3 :(得分:0)

不要使用setInterval,而是使用setTimeout:

window.myVar = 7.2;

var incrementVar = function() {
  window.myVar += 1;
}

var decrementVar = function() {
  window.myVar -= 0.2;
  setTimeout(decrementVar, (5 * 60 * 1000));
}
setTimeout(decrementVar, (5 * 60 * 1000));

按钮:

<a href="javascript:void(0);" onclick="incrementVar();">My Button</a>

答案 4 :(得分:0)

这应该这样做:

// global variable
var myGlobal = 8.2;

window.onload = function countback() {
    window.setInterval(function cb() {
        if (myGlobal >= 7.4) {
            myGlobal = parseFloat(myGlobal - .2).toFixed(1);
        }
    }, 5 * 60 * 1000);
};

注意:如果你正在使用像jQuery这样的JS库,那么可以更容易地做到这一点。