Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何像里程表一样滑动_Javascript_Jquery - Fatal编程技术网

Javascript 如何像里程表一样滑动

Javascript 如何像里程表一样滑动,javascript,jquery,Javascript,Jquery,我有这个,它“足够好”,但我最初的设想是让数字像里程表一样卷起: setTimeout(slideUp,2000); function slideUp() { $('#odometer').slideUp('slow','swing',slideDown); } function slideDown() { $('#odometer').removeClass('highlight').slideDown('slow'); } 因此,它所做的是:当页面加载时,数字高亮显示。页面加

我有这个,它“足够好”,但我最初的设想是让数字像里程表一样卷起:

setTimeout(slideUp,2000);
function slideUp() {
   $('#odometer').slideUp('slow','swing',slideDown);
}
function slideDown() {
    $('#odometer').removeClass('highlight').slideDown('slow');
}
因此,它所做的是:当页面加载时,数字高亮显示。页面加载两秒钟后,它会向上滑动到看不见的地方,然后以正常字体向下滑动

但我希望它能像里程表一样数到数字。 我也可以给它一个起始号码,这样用户就不用看了
它的计数过高。

您可以去阅读的源代码。它正是您希望通过CSS转换和DOM动画支持实现的

最重要的是,它是开源的,不依赖任何第三方库,包括jQuery、D3、Velocity等。

可能是这样的?