我一直在尝试创建一种效果,例如在我的网页中键入一个字符串。换句话说,该字符串将逐个字符出现。所以我用jquery做到了这一点并成功了。我使用的代码是这样的,
$(function() {
var string = "Coming Soon|",
stringCount = 0;
setInterval(function(){
$('.main_section_animate span').append(string[stringCount]);
stringCount += 1;
},100);
})
请注意,span
标签为空,其中没有任何内容。
现在的问题是我正在尝试逐个字符地向后删除字符串。我尝试使用setInterval
和replace(string[stringCount],'')
,选择主要部分的跨度和主要部分,span.text()
但是它不起作用并且给出了一些奇怪的结果。
还有我尝试过的其他方法,但主要是text()
与replace结合使用,因此,有人可以帮助我吗?
您可能应该清除该间隔以获得预期的结果,请参阅:https : //jsfiddle.net/2mj5zp7h/
HTML:
<div class="main_section_animate">
<span></span>
</div>
JS:
$(function() {
var string = "Coming Soon|",
stringCount = 0;
var animation = setInterval(function(){
$('.main_section_animate span').append(string[stringCount]);
stringCount += 1;
if(stringCount>=string.length) {
clearInterval(animation);
animation = setInterval(function(){
$('.main_section_animate span').text(string.substr(0,stringCount));
stringCount -=1;
if(stringCount<0)
clearInterval(animation);
},100);
}
},100);
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句