Javascript逐个删除最后一个字符（连续） [英] Javascript delete last character one by one (Continuously)

问题描述

好吧我从使命召唤游戏中得到了这个想法。当我即将在线玩的时候，我看到他们像这样搜索玩家



搜索玩家....

搜索玩家。 。



https://www.dropbox.com /s/au19fsrli9opejw/Capture.JPG



我想用javascript实现相同的结果。我尝试了不同的javascript字符串函数，如split / replace / splice / slice / substring / substr。但似乎我无法想出我真正想要的东西。


搜索播放器......是小菜一碟，然后是4/5。应该从一端逐个删除（减少）。我知道我错过了什么。你可能会认为我是新手。好的，这是我到目前为止所得到的。

搜索 播放器< span id =   add> < /   span  >  
 
< script type =   text / javascript> 
 
  var  counter =  0 ; 
  var  limit =  5 ; 
  var  crap = [ 。 /跨度>]; 
  var  hold; 
  function  callMe（）
 {
  if （counter！= = limit）
 {
  for （ var  j =  0 ; j< 1; j ++）
 {
  document  .getElementById（ 添加）。innerHTML + = crap [j]; 
} 
 counter ++; 
 
} 
  if （counter === limit）
 {
 hold = crap.splice（  0 ，limit）; 
  document  .getElementById（  add).innerHTML = hold; 
 
} 
} 
 setInterval（callMe， 300 ）; 
< / script> 

我可以花一些时间来解决这个问题。非常感谢:) THNXS IN ADVANCE :)

解决方案

如果你只需要来回一次，试试这个：

搜索播放器< span id =add>< / span> 
 
< script type =text / javascript> 
 
 var counter = 0; 
 var limit = 5; 
 var crap =。; 
 
 var placeholder = document.getElementById（add）; 
 
函数callMe（）
 {
 if（counter< limit）
 {
 placeholder.innerHTML + = crap; 
 counter ++; 
} 
 else if（counter> 0）
 {
 limit = 0; 
 var content = placeholder.innerHTML; 
 placeholder.innerHTML = content.substring（0，content.length  -  1）
 counter--; 
} 
其他
 {
 counter = 0; 
 clearInterval（myTimer）; 
 
} 
} 
 
 var myTimer = setInterval（callMe，300）; 
< / script> 

如果您希望点连续前后移动，请尝试以下方法：

  var  counter =  0 ; 
  var  limit =  5 ; 
  var  end = limit; 
  var  crap =  。跨度>; 
 
  var 占位符= document.getElementById（ 添加）; 
 
函数callMe（）
 {
  if （counter < 结束）
 {
 placeholder.innerHTML + = crap; 
 counter ++; 
} 
  else   if （counter >   0 ）
 {
 end =  0 ; 
  var  content = placeholder.innerHTML; 
 placeholder.innerHTML = content.substring（ 0 ，content.length  -   1 ）
 counter--; 
} 
  else  
 {
 end = limit; 
} 
} 
 
  var  myTimer = setInterval（callMe， 300 ）; 
 < /   script  >  

ok i got this idea from Call of duty game. When i was about to play online i saw they search the player like this

Searching for player....
Searching for player..

https://www.dropbox.com/s/au19fsrli9opejw/Capture.JPG

I wanted to achieve same result with javascript. I tried different javascript string functions like split/replace/splice/slice/substring/substr. But seems like I cant come up with what I actually want.

Getting searching for player.... was piece of cake but then 4/5 .'s supposed to delete from end one by one (reduce). I know I am missing something. You may consider me as newbie. Ok this is what i got so far.

Searching for player<span id="add"></span>

<script type="text/javascript">

    var counter = 0;
    var limit = 5;
    var crap = ["."];
    var hold;
    function callMe()
    {
        if(counter !== limit)
        {
            for(var j = 0;j<1;j++)
            {
                document.getElementById("add").innerHTML += crap[j];
            }
            counter++;

        }
        if(counter === limit)
        {
            hold = crap.splice(0,limit);
            document.getElementById("add").innerHTML = hold;

        }
    }
    setInterval(callMe,300);
</script>

May I get some of your time to figure this out. It would be kindly appreciated :) THNXS IN ADVANCE :)

解决方案

If you want to and forth for once only, try this:

Searching for player<span id="add"></span>
 
<script type="text/javascript">
 
    var counter = 0;
    var limit = 5;
    var crap = ".";

    var placeholder = document.getElementById("add");

    function callMe()
    {
        if(counter < limit)
        {
            placeholder.innerHTML += crap;
            counter++;
        }
        else if (counter > 0)
        {
            limit = 0;
            var content = placeholder.innerHTML;
            placeholder.innerHTML = content.substring(0,content.length - 1)
            counter--;
        } 
        else
        {
            counter = 0;
            clearInterval(myTimer);
 
        }
    }
    
    var myTimer = setInterval(callMe,300);
</script>

If you want the dot to move forth and back continuously, then try this:

var counter = 0;
    var limit = 5;
    var end = limit;
    var crap = ".";

    var placeholder = document.getElementById("add");

    function callMe()
    {
        if(counter < end)
        {
            placeholder.innerHTML += crap;
            counter++;
        }
        else if (counter > 0)
        {
            end = 0;
            var content = placeholder.innerHTML;
            placeholder.innerHTML = content.substring(0,content.length - 1)
            counter--;
        }
        else
        {
            end = limit;
        }
    }

    var myTimer = setInterval(callMe,300);
</script>

这篇关于Javascript逐个删除最后一个字符（连续）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！