Jquery、Javascript fadeIn、fadeOut不工作

以下代码中的

time\u 60\u 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>

0
变量输出=$（'h1'）；
var isPaused=假；
var时间=0；
var t=window.setInterval（函数（）{
如果（！i暂停）{
时间++；
var time_60_mod=时间%60；
document.getElementById（'the_numbers'）。innerHTML=
数学地板（时间/3600）%24
+“：”+数学楼层（时间/60）%60
+“：”+时间60°模衰减（500）；
时间为60度，模数为500度；
}
}, 1000);

必须在DOM的元素上使用fadeIn和fadeOut函数，这里您尝试对局部变量（数字，而不是元素）进行fadeIn或fadeOut。 尝试将秒放在HTML中的标记（“例如span”）中，然后在此标记上应用函数，引用方式与引用“h1”相同。

---

当然，您必须更改文本（…innerHTML）的矫揉造作以包含新标记

您到底想做什么

time\u 60\u mod

是一个数字，没有

fadeIn

或

fadeOut

方法。。。