Question

我需要像搜索框一样的输出。请考虑以下网址作为示例：

https://www.reifendiscount.de/de/reifen/pkw-reifen.html

这里，单个字符会自动逐步输入，完成句子后，每个字符都会从搜索框中逐个删除。

我需要多个句子的相同结果。

谢谢。

Answer 1

＆＃13;

var dir = 1;
var sentences = ["sent1","sent2","sent3"];
var sentIndex = 0;
function nextStep(){
    var input = document.getElementById("inputID");
    var val = input.getAttribute("placeholder") || "";
    val = sentences[sentIndex].substring(0,val.length+dir);
    if(val.length===sentences[sentIndex].length)dir=-1;
    if(val.length===0){
      dir=1;
      sentIndex = (sentIndex+1)%sentences.length;
    }
    input.setAttribute("placeholder",val);
}

window.setInterval(nextStep,100);

＆＃13;

<input id="inputID">

＆＃13;

Answer 2

你可以尝试一下

＆＃13;

"com.acme.commands.blink_light"

＆＃13;

var text = "text_next_lua";
var isGrow = true;

var timerId = setInterval(function() {
  $("#inp").val(text.substr(0, $("#inp").val().length+(isGrow?1:-1)));
  if($("#inp").val() === text) {
    isGrow = false;
  }
    
  if(!$("#inp").val()) {
    clearInterval(timerId);
  }  
}, 300);

＆＃13;

如何使用javascript实现自动写入和自动从文本输入中删除文本？

2 个答案: