想要每小时更改一个数组的选定元素

时间:2016-12-19 19:48:55

标签: javascript jquery

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类中打印的选定元素,我想知道是否有办法使这个

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

假设您在数组中有24个元素:

temp[new Date().getHours()];

将选择当前小时的索引。