如何将JavaScript代码转换为TypeItJS逐字键入效果的实现逻辑
核心实现逻辑是分层输出每层函数的骨架,再通过move方法将光标移动到当前层函数的大括号中间,添加对应缩进后输出内层函数,即可实现嵌套层级逐字出现的效果,完整调用代码如下:
new TypeIt("#hero", { speed: 50, startDelay: 900, html: false }) // 输出最外层first函数骨架 .type(`function first(){`) .break() .break() .type(`}`) // 光标移动到first函数大括号中间的空行位置 .move(-2) .type(` `) // 输出第二层second函数骨架 .type(`function second(){`) .break() .break() .type(` }`) // 光标移动到second函数大括号中间的空行位置 .move(-2) .type(` `) // 输出最内层third函数完整结构 .type(`function third(){`) .break() .break() .type(` }`) .go();
内容的提问来源于stack exchange,提问作者Ahmd Elgmil
相关产品推荐
相关产品推荐

