Jquery，Javascript fadeIn，fadeOut不工作

Question

time_60_mod在下面的代码中计数从0无穷大。我试图添加fadeIn,fadeOut它似乎并没有工作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<h1 id="the_numbers">0</h1> 

<script> 
var output = $('h1'); 
var isPaused = false; 
var time = 0; 
var t = window.setInterval(function() { 
    if(!isPaused) { 
     time++; 
     var time_60_mod = time % 60; 
     document.getElementById('the_numbers').innerHTML = 
      Math.floor(time/3600) % 24 
      + ":" + Math.floor(time/60) % 60 
      + ":" + time_60_mod.fadeOut(500); 
     time_60_mod.fadeIn(500); 
    } 
}, 1000); 

</script> 

Answer 1

淡入淡出和功能必须在DOM的元件中使用的，在这里，你正在试图淡入淡出或局部变量（一个数字，而不是一个元素）。 尝试将标记中的秒数（例如“span”）放入HTML中，然后在该标记上应用函数，引用它与引用“h1”的方法相同。 当然，您必须更改文字的形式（... innerHTML）以包含新标签