gpt4 book ai didi

javascript - 循环脚本

转载 作者:行者123 更新时间:2023-12-01 02:47:21 25 4
gpt4 key购买 nike

我正在使用一个非常酷的脚本,Typer ,用于模拟打字机效果,但是,不包含在其结束后循环动画的方法中。有人知道如何做到吗?

typer('#rotating')
.cursor({block:true,blink:'hard',color:'#EB312A'})
.line('some line')
.pause(5000)
.back('all')
.continue('Other line');

最佳答案

您可以像这样使用setInterval:

setInterval(function(){ 
typer('#rotating')
.cursor({block:true,blink:'hard',color:'#EB312A'})
.line('some line')
.pause(5000)
.back('all')
.continue('Other line');
}, 10000);

其中 10000 是传入函数的两次调用之间的毫秒数(当然,您必须根据动画的持续时间指定它)。setInterval 是一个原生函数,允许您定期调用函数。

希望这对您有帮助;)

编辑

Typer 启动时会在目标 #rotating 内创建一个新的 div。这就是为什么当您多次启动它时,您会得到重复的内容。为了防止这种情况,只需在重新启动打字机之前删除目标 div 的内容,如下所示:

setInterval(function(){ 
document.querySelector('#rotating').innerHTML = null; //This clears the content of rotating.
typer('#rotating')
.cursor({block:true,blink:'hard',color:'#EB312A'})
.line('some line')
.pause(5000)
.back('all')
.continue('Other line');
}, 10000);

编辑2

要使其直接启动,足够简单:

var startTyper = function(){ 
document.querySelector('#rotating').innerHTML = null; //This clears the content of rotating.
typer('#rotating')
.cursor({block:true,blink:'hard',color:'#EB312A'})
.line('some line')
.pause(5000)
.back('all')
.continue('Other line');
};
startTyper();
setInterval(startTyper, 10000);

剩下的唯一一件事就是将动画的持续时间调整为 10000!

关于javascript - 循环脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47174839/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com