gpt4 book ai didi

jquery - 当文本太长时,在文本框中使用 jQuery 模拟 "typing text"

转载 作者:行者123 更新时间:2023-12-01 04:42:16 25 4
gpt4 key购买 nike

我正在尝试创建一个用于使用 jQuery 键入文本的动画,但遇到一个问题,当文本太长时,我可以看到所有键入的文本。当真人打字时,文本框会保持文本的最后部分可见(我无法重现该效果)。这是一个带有文本的示例这是一个非常长的文本示例A 是我期望它完成后的样子,B 是它实际的样子。

Example

这是Demo

希望能帮到你。

<小时/>

P.D.:我已经检查过其他主题,但即使它们很棒,我也在寻找更简单的东西。它们在这里:

Typing Text in Jquery

Typing text animation using jQuery

最佳答案

如果您决定要显示多少个字符,您可以从末尾减去该值直到末尾执行子字符串函数在 javascript 中可能是这样的:

var view_characters=30;
var str = "This an example wit h a very long text";
var res = str.substring(str.length-view_characters, str.length);

function myFunction() {
var view_characters=30;
var str = "This an example wit h a very long text";
var res = str.substring(str.length-view_characters, str.length);
document.getElementById("demo").innerHTML = res;
}
<!DOCTYPE html>
<html>
<body>

<p>Click the button to extract characters from the string.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>

</script>

</body>
</html>

关于jquery - 当文本太长时,在文本框中使用 jQuery 模拟 "typing text",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35241812/

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