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

在jQuery对象中包装countbox并调用任何动画函数：

$("#countbox").fadeOut();

Answer 2

要为数字设置动画，您可以将countbox的子项包装在jQuery中并调用动画，类似于Joao所说的：

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

并将其放在GetCount()方法中。

编辑：

获取个别数字（以及更正的动画方法）：

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

编辑＃2：

我添加了这个以获得我认为你期望的效果：

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

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

为计数器添加滑动效果

2 个答案: