关于javascript:前段小demo集合

同步延时

一个渐显渐隐的dmeo,延时代码,这样能够同步执行显示和暗藏的内容,按程序执行。

场景:验证码发送后,应用此办法做一个提示框。

tips:对于延时办法 setTImeoutsetInterval 蕴含一个外部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();

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理