本文主要和大家介绍了js实现的文字间歇循环滚动效果,涉及javascript结合时间函数定时触发实现页面元素动态操作相关技巧,需要的朋友可以参考下，希望能帮助到大家。
具体代码如下：
nbsp;html>- 间歇循环滚动 #box{ height:240px; width:300px; margin:0 auto; border:1px solid #0066FF; overflow:hidden; padding-bottom:20px;}#box li{ color:#333; height:24px;}#box ul{ margin:0; padding:0;}
登录后复制 【创想鸟】 【创想鸟】 【创想鸟】 【创想鸟】 【创想鸟】 【创想鸟】 【创想鸟】 【创想鸟】 【创想鸟】 【创想鸟】 【创想鸟】 var area=document.getElementById(“box”);area.innerHTML+=area.innerHTML;var liHeight=24;area.scrollTop=0;var delay=2000;var speed=50;var time;function starMove(){ area.scrollTop++; time=setInterval(“scrollUp()”,speed);}function scrollUp(){ if(area.scrollTop%liHeight==0){ clearInterval(time); setTimeout(“starMove()”,delay); }else{ area.scrollTop++; if(area.scrollTop>=area.offsetHeight/2){ area.scrollTop=0; } }}setTimeout(“starMove()”,delay);
相关推荐：
html+css+javascript如何实现列表循环滚动
JS实用的带停顿的逐行文本循环滚动效果实例
JQuery循环滚动图片代码_jquery
以上就是JS实现文字间歇循环滚动的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2786391.html
