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）以包含新標籤