前端小demo集合

同步延时

一个渐显渐隐的dmeo，延时代码，这样可以同步执行显示和隐藏的内容，按顺序执行。

场景：验证码发送后，使用此方法做一个提示框。

tips：关于延时方法 setTImeout 和 setInterval 包含一个内部this指向的问题，详情移步javascript 中的 this 集合

<script type="text/javascript">
    // 一个暂停的法子
    function sleep(ms) {
        return new Promise(resolve =>  setTimeout(resolve, ms))
    };
 
    async function demo() {
        //jquey代码，需要引用jquery文件
        //显示div
        $("#demoDiv").fadeIn(500);
        await sleep(10000)
        //10秒后隐藏div
        $("#demoDiv").fadeOut(500);
    };
    
    demo();