多语言展示
当前在线:472今日阅读:84今日分享:32

js如何实现逐个显示飘屏字幕

本篇说一下js如何实现逐个显示飘屏字幕
工具/原料

HBuilder X等开发工具

方法/步骤
1

首先写一个HTML文件,在body里面加一个div,为div设置样式等,代码如下

2

页面显示结果如下

3

现在让“优惠活动开始了,买三十元瓜子送三十元洗衣粉”这句话逐字的滚动显示,添加js代码如下,其中setInterval方法是用于指定一个周期执行方法

4

如图,文字会逐个的滚动显示

推荐信息