gpt4 book ai didi

javascript - 如何在 html 中实现快速闪烁文本或简单地更快地替换文本(我的代码如下)

转载 作者:行者123 更新时间:2023-11-30 07:48:44 25 4
gpt4 key购买 nike

我正在尝试使用此代码替换单个 div 中的一堆单词,但它太慢并且闪烁,我希望它快一些,用户可以看到它正在变化,但无法正确读取它,因为它会很快。 (我也尝试过减少毫秒数,但结果一次又一次地显示相同的单词)请帮忙

(function(){
var words = ['awesome','incredible','cool','fantastic','function',
'words','var','script','html','fadeOut','body','fadeIn','length','creative','drama',
], i = 0;
setInterval(function(){
$('#changerificwordspanid').fadeOut(function(){
$(this).html(words[i=(i+2)%words.length]).fadeIn();
});
}, 1000);

})();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<span id="changerificwordspanid">awesome</span>

最佳答案

希望这有帮助

(function() {
var words = ['awesome', 'incredible', 'cool', 'fantastic', 'function', 'words', 'var', 'script', 'html', 'fadeOut', 'body', 'fadeIn', 'length', 'creative',
'drama',
],
i = 0;
setInterval(function() {
$('#changerificwordspanid').html(function() {
$(this).html(words[i = (i + 2) % words.length]).fadeIn();
});
}, 50);


})();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body>

<span id="changerificwordspanid">awesome</span>

</body>

关于javascript - 如何在 html 中实现快速闪烁文本或简单地更快地替换文本(我的代码如下),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59434193/

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