javascript - 为计数器添加滑动效果

Question

我目前有一个 JavaScript 计数器，其输出看起来像这样。

out=
                "<div id='days'><span>"+ days +"</span></div>" + 
                "<div id='hours'><span>" + hours +"</span><</div>" + 
                "<div id='mins'><span>" + mins +"</span></div>" + 
                "<div id='secs'><span>" + secs +"</span></div>" ;
                document.getElementById('countbox').innerHTML=out;


                setTimeout("GetCount()", 1000);

我想知道使用一些 jQuery 来实现 .fadeOut() 等效果的方法是什么

Answer 1

要对数字进行动画处理，您可以将 countbox 的子项封装在 jQuery 中并调用动画，类似于 Joao 所说的:

$('#countbox').children().fadeout();

并将其放入您的 GetCount() 方法中。

编辑:

获取单个数字(以及更正的动画方法):

$('#countbox div').children().fadeOut();

编辑#2:

我添加此内容是为了获得我认为您想要的效果:

var x = setInterval(function(){$('#countbox div').children().fadeOut()}, 1000);

每个数字出现后就会淡出。