Question

我试图制作一个每隔几秒就会改变文字的div。我试图仅在JavaScript中执行此操作。我不想使用jquery。控制台没有显示任何错误，我做了一些警告来测试断开连接的位置，但无法找出我做错了什么。请帮助，并提前感谢。

HTML

<div id="ss"></div>

JS

(function() {
  var UIlogic = {
    loadData: function() {
      var ss_i = 0;
      var ss_array = ["Reading","Redstone","Family","Engineering","Hockey"];
      var ss_elem;
      ss_elem = document.getElementById('ss').innerHTML;

      function ssNext(){
        ss_i++;
        ss_elem.style.opacity = 0;
        if(ss_i > (ss_array.length - 1)){
          ss_i = 0;
        }
        setTimeout('ssSlide', 1000);
      }

      function ssSlide(){
        ss_elem = ss_array[ss_i];
        ss_elem.style.opacity = 1;
        setTimeout('ssNext', 2000);
      }
    }
  };
  window.onload = function() {
    UIlogic.loadData();
  };
})();

Answer 1

您从未调用过幻灯片功能。看看这个开始：http://jsbin.com/yutuji/1/

Answer 2

如果你想在引号中调用函数作为字符串，你必须添加()，我想 - 我从来没有以这种方式使用它。
最好将此不作为字符串。更好的是：setTimeout(fct,100)
存在范围问题。定义loadData

文字幻灯片放映不显示

2 个答案: