Jquery, Javascript fadeIn, fadeOut funktioniert nicht

Question

time_60_mod im folgenden Code zählt von 0 Unendlichkeit. Ich habe versucht, eine fadeIn, fadeOut hinzuzufügen, und es scheint nicht zu funktionieren.

<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

fadeIn und fadeOut Funktionen müssen auf Elemente des DOM verwendet werden, hier Sie fadeIn oder fadeOut versuchen, eine lokale Variable (eine Zahl, kein Element). Versuchen Sie, die Sekunden in einem Tag (z. B. "span") in Ihren HTML-Code einzufügen, und wenden Sie dann die Funktionen dieses Tags an, indem Sie auf die gleiche Weise auf "h1" verweisen. Natürlich müssen Sie die Affektation des Textes (... innerHTML) ändern, um das neue Tag zu enthalten