JavaScript递归的简单调用

2019-01-16  本文已影响0人  LeeYaMaster

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


效果图

源码如下:

<!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>

上一篇下一篇

猜你喜欢

热点阅读