javascript - 每隔一段时间就改变天空

我尝试使我的aframe-sky-component每3秒更改一次图像，但是它不起作用。这是我到目前为止编写的代码：

 <script type = "text/javascript">
   function startTimer(){
  setInterval(function(){ nextimage(); }, 3000);

   function nextimage() {
     var zahl = 0;

     if (zahl == 0) {
       $("#skyid").attr("src","#sky_2");
       zahl ++;
     }
     if (zahl == 1) {
       $("#skyid").attr("src","#sky_3");
       zahl ++;
     }
     if (zahl == 2) {
       $("#skyid").attr("src","#sky_4");
       zahl ++;
     }
     if (zahl == 3) {
       $("#skyid").attr("src","#sky_1");
       zahl ++;
     }
     if (zahl == 4) {
       zahl == 0;
     }
     }
   }
  </script>

我想我在帮助方面有一些逻辑错误：D

最佳答案

每次调用nextImage时，zahl都设置为0。

您可以将其移动到外部范围：

function startTimer(){
  setInterval(function(){ nextimage(); }, 3000);
  var zahl = 0;
  function nextimage() {
  ....

就像我here那样。现在，它没有通过调用nextImage()归零，因此它的作用就像一个计数器。



我也认为有颜色阵列更优雅的解决方案：

var colors = ["blue", "red", "green", "yellow"]
function nextimage() {
  $("#skyid").attr("color", colors[zahl])
  zahl = (zahl < colors.length - 1) ? ++zahl : 0
  //zahl is incremented until its reached the end of the array
}

关于javascript - 每隔一段时间就改变天空，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51044622/