gpt4 book ai didi

javascript - 如何降低执行函数的速度?

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

<分区>

我知道我可以使用 setTimeout() 来做到这一点,但我的情况有点关键。这是一个例子:

var nameinput = document.getElementById("typename");
var printed = document.getElementById("name");

function demo(){
setTimeout(function(){printed.innerHTML = nameinput.value.toLowerCase()}, 800);
}

nameinput.addEventListener("input", demo);
#name {
height: 50px;
width: 400px;
margin: 20px auto;
border: 1px solid lightgreen;
border-radius: 4px;
font-family: monospace;
font-size: 200%;
font-weight: 100;
line-height: 50px;
}

#typename {
font-size: 150%;
line-height: 40px;
height: 40px;
width: 30%;
min-width: 350px;
border: 1px solid skyblue;
display: block;
margin: 20px auto;
padding: 5px;
border-radius: 4px;
}
<div id="name"></div>
<p>some text</p>
<input id="typename" type="text"/>

我上面提供的代码将我的文本作为输入并在指定的延迟后打印它,但只有当我在每个字母输入后等到那个时间时它才有效。

简而言之,我希望它像这样工作:“我可以在 0.8 秒内输入一个单词,但它会在每个字母延迟 0.8 秒后输入每个字母”

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