javascript - 想要每小时更改一次数组的选定元素

Question

var temp = [-18 , -18.1 , -18.2, -18.3, -18.4, -18.5, -18.6,    -18.7,-18.8, -18.9,
        -19 , -19.1 , -19.2, -19.3, -19.4, -19.5, -19.6, -19.7,-19.8,  -19.9, -20];

$(".warlotemp").html(temp[0]);
$(".warlotemp").append(" C");

我想更改要在 warlotemp 类中打印的选定元素，我想知道是否有办法做到这一点

Answer 1

您可以使用setInterval()并向其添加一个简单的计数器:

var temp = [-18 , -18.1 , -18.2, -18.3, -18.4, -18.5, -18.6, -18.7,-18.8, -18.9, -19 , -19.1 , -19.2, -19.3, -19.4, -19.5, -19.6, -19.7,-19.8,  -19.9, -20];
temp = temp.reverse(); //reverse the array
var counter = -1; //count start
setInterval(function() {
  if(counter < temp.length - 1){
     counter++; //increase counter
     $(".warlotemp").html(temp[counter]);
     $(".warlotemp").append(" C");
  }else{
     counter = -1; //reset counter
     $(".warlotemp").html(temp[counter]);
  }
}, 1000 * 60 * 60); //set time to one hour

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='warlotemp'>

</div>

我还创建了一个 JSFIDDLE .