删除字符串中的字符

马赫迪

我一直在尝试创建一种效果,例如在我的网页中键入一个字符串。换句话说,该字符串将逐个字符出现。所以我用jquery做到了这一点并成功了。我使用的代码是这样的,

$(function() {
  var string = "Coming Soon|",
      stringCount = 0;

  setInterval(function(){
    $('.main_section_animate span').append(string[stringCount]);
    stringCount += 1;
  },100);
})

请注意,span标签为空,其中没有任何内容。

现在的问题是我正在尝试逐个字符地向后删除字符串。我尝试使用setIntervalreplace(string[stringCount],''),选择主要部分的跨度和主要部分,span.text()但是它不起作用并且给出了一些奇怪的结果。

还有我尝试过的其他方法,但主要是text()与replace结合使用,因此,有人可以帮助我吗?

h

您可能应该清除该间隔以获得预期的结果,请参阅: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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章