为计数器添加滑动效果

Adding Sliding Effect to Counter

本文关键字：计数器 添加      更新时间：2023-09-26

我目前有一个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()

要使数字动画化，可以将countbox的孩子封装在jQuery中并调用动画，类似于Joao所说的：

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

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

编辑：

要获得单个数字（以及更正的动画方法）：

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

编辑#2：

我添加这个是为了得到我认为是你想要的效果：

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

每个数字出现后都会逐渐消失。

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

$("#countbox").fadeOut();
相关文章：