javascript - 文本幻灯片不显示

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/