动态生成皮卡丘

1， 效果预览： 【willwong.gitee.io/pikaqiu】 

2，原理：主要利用的是  js 中的 定时器setInterval  和 innerHtml （能解析代码）

例：

let id = setInterval(() => {
    n += 1
    codeContainer.innerHTML = code.substring(0, n)
    drawContainer.innerHTML = code.substring(0, n)
    codeContainer.scrollTop = codeContainer.scrollHeight
    if (n >= code.length) {
        clearInterval(id)
    }
}, 10)

3，总结： 

• 了解 js中的原理
• 熟悉和复习css

4，代码：【gitee.com/willwong/pi…】

5，效果图：