5行代码带你实现一个js的打字效果

有次看电影， 看到屏幕上一个个的文字蹦出来， 感觉像是有人在打字一样， 觉得挺有意思， 于是这里也用js实现了一个。

效果预览

最简单的打字效果

只要五行代码， 这里直接贴出来：

const dom = document.querySelector('.content')
const data = '最简单的打字效果代码'.split('')
 let index = 0
 function writing(index) {
   
 if (index < data.length) {
   
 dom.innerHTML += data[index]
 setTimeout(writing.bind(this), 200, ++index)