JavaScript递归的简单调用

作者: LeeYaMaster | 来源:发表于2019-01-16 10:02 被阅读0次

最近看到抖音上，很有意思的网页表白视频，便照着写了一份：

效果图

源码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div id="main"></div>
        <script>
            let str = `不是在最美好的时光遇见你，<br/>而是遇见你之后都是最美好的时光`;
            let i = 0;
            function init(){
                let main = document.getElementById('main');
                if(i<=str.length){
                    main.innerHTML = str.slice(0,i++) + `_`;
                    setTimeout('init()',300);
                }else{
                    main.innerHTML = str;
                }
            }
            init();
        </script>
    </body>
</html>