gpt4 book ai didi

javascript - 带有光标 Javascript 的自动打字机

转载 作者:行者123 更新时间:2023-11-28 03:17:38 25 4
gpt4 key购买 nike

我基本上想在 HTML 页面中创建一个简单的 Javascript 自动编写器这是我的代码:

<html>

<head>
<style>
#type {
display: inline-block;
}

#cur {
display: inline-block;
}
</style>
</head>

<body>
<pre>
<div id="type"></div><div id="cur">{cursor}</div>
</pre>
<script>
var string = "Write this string!\nNext Line!";
var array = string.split("");
var timer;

function looper() {
if (array.length > 0) {
document.getElementById("type").innerHTML += array.shift();
} else {
clearTimeout(looper);
}
timer = setTimeout('looper()', 50);
}
looper();
</script>
</body>

</html>

字符串“{cursor}”应该是光标位置,我稍后会创建它。它的问题是当我换行时;本质上,光标不会返回到该行的初始位置,而是保持到它最后一次“跳转”到下一行的位置。

最佳答案

本网站可能对您有所帮助https://macarthur.me/typeit/

你可以使用 jquery 试试这个:

<p id="example3"></p> 

$('#example3').typeIt({
strings: ["This is a great string.", "And here we have another great string.."],
speed: 50,
autoStart: false
});

关于javascript - 带有光标 Javascript 的自动打字机,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45383388/

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