新闻或公告实现定时滚动的方法

最新推荐文章于 2023-10-31 15:47:43 发布

原创最新推荐文章于 2023-10-31 15:47:43 发布 · 682 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#定时-滚动

前端开发技术专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现元素定时滚动的方法。通过结合使用setInterval和setTimeout，可以在网页上创建平滑滚动的动画效果。具体步骤包括：设置初始位置、定时滚动到中间位置并暂停，然后继续滚动到最后位置。

定时器中嵌套延时即可实现定时滚动的效果
setInterval(function() {
while( $(‘#slider’).css(“top”) == “-40px”) {$ (‘#slider’).css({
“top”: “0px”
})
}

                $('#slider').animate({
                    top: "-20px"
                }, 'slow')

                setTimeout(function() {//定时器中嵌套延时即可实现定时滚动的效果
                    $('#slider').animate({
                        top: "-40px"
                    }, 'slow')
                }, 1500)
            }, 3000)