打字机效果
| 参数名称 | 描述 | 默认值 |
|---|---|---|
| texts | 打印文本数组，依次打印，一段文字结束之后将从头开始 | - |
| typingSpeed | 打印速度，从文本开始到结束打印的速度 | 100 |
| eraseSpeed | 回退速度，从文本结束到开始回退的速度 | 20 |
| eraseDelay | 打印一段文字之后，停留多久开始回退 | 2000 |
| blinkSpace | 光标距离文本末尾处的距离 | 5 |
<!DOCTYPE html>
<html lang="en">
<head>
<title>打字机效果</title>
</head>
<body>
<div id="typewriter" class="typewriter"></div>
<script>
// ... 源码详见 Github 仓库
const texts = [
"你好，很高兴认识你，接下来将自我介绍，",
"我是一个 Web <Developer />，",
"技术栈：Vue.js、React.js，",
"喜欢日漫、游戏，",
"座右铭：Time tick away, dream faded away!",
];
const typewriter = new Typewriter({ texts });
typewriter.type();
</script>
</body>
</html>
分类:
软件开发 / Web 前端
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步