jquery 异步处理

今天药忘吃喽~ 2022-03-27 06:38 262阅读 0赞

<!DOCTYPE html>
    <head>
    <script type="text/javascript" src="jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function()
        {
            $("#btnWait").click(function()
            {
                CallAsync();
            });
        });
        
        function Task(count)  // 长时间的任务
        {
            for(var k = 1; k <= count; k++)
            {
                var x = Math.sqrt(2017) * Math.sqrt(2016);
            }
        }
        
        function CallAsync()
        {
            var div = "<div id='waitPanel' style='position: fixed; left: 0px;  top: 0px; width: 100%; height: 100%; z-index: 9999; background: silver; opacity: 0.05'></div>";
            $(document.body).append(div);  // 以div块隔离网页与操作者
            $(document.body).css("cursor", "wait");  // 显示一个wait光标
    
            var observer = $.Deferred(function(defObj)  // 获取一个延迟对象
            {
                setTimeout(function()
                {
                    Task(999999999);
                    defObj.resolve();  // 任务结束后发送一个done事件通知
                }, 100);  // 100毫秒后执行长时间的任务
            });
            
            observer.done(function()  // 给延迟对象订阅一个done事件
            {
                $("#waitPanel").remove();
                $(document.body).css("cursor", ""); 
                alert("async task done.");
            });
        }
    </script>
    </head>
    <body>
         <input id="btnWait" type="button" value="WaitCursor" />
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，262人围观）

还没有评论，来说两句吧...

相关阅读

相关异步代码处理

在Spring中，实现异步调用主要有三种方式：方式一：注解方式要开启异步支持，首先得在Spring Boot入口类上加上@EnableAsync注解： @S

曾经终败给现在/ 2024年03月30日 10:58/ 0 赞/ 72 阅读

相关 Java - 异步处理

一、异步处理 1、异步概念异步处理不用阻塞当前线程来等待处理完成，而是允许后续操作，直至其它线程将处理完成，并回调通知此线程。 > 异步是一种设计理念，异步操作

缺乏、安全感/ 2023年09月23日 21:19/ 0 赞/ 59 阅读

相关 SpringMVC异步处理

> [https://en.wikipedia.org/wiki/Jakarta\_Servlet][https_en.wikipedia.org_wiki_Jakarta_S

- 日理万妓/ 2022年12月12日 01:57/ 0 赞/ 186 阅读

相关详谈 Jquery Ajax异步处理Json数据

所谓的Ajax.这里我们讲二种方法方法一:(微软有自带Ajax框架) 在Asp.net里微软有自己的Ajax框架.就是在页面后台.cs文件里引入 using Syst

柔光的暖阳◎/ 2022年09月18日 14:58/ 0 赞/ 201 阅读

相关基于jquery的异步上传，异步提交

1.明确需求，我需求是，需要选择多个文件，然后点击开始上传，把选中的文件上传，然后html默认上传文件的的input样式不好看，需要更换一个样式。 2.开始动手，首

柔光的暖阳◎/ 2022年07月19日 05:20/ 0 赞/ 161 阅读

相关 Android 异步处理

咱们都知道在Android主线程中处理耗时任务会产生ANR，所有很多耗时的任务都需要异步处理。Android里面的有四种常见的异步处理类见：Thread、Hand

系统管理员/ 2022年05月22日 06:05/ 0 赞/ 236 阅读

相关 jQuery Deferred异步回调

在前端开发过程中，经常会遇到一些操作callback，需要在某一个操作condition之后执行，而某一个操作condition又是耗时的，为了满足这样的需求，常用的做法就是前

朴灿烈づ我的快乐病毒、/ 2022年04月21日 15:22/ 0 赞/ 270 阅读

相关 jquery 异步处理

<!DOCTYPE html> <head> <script type="text/javascript" src="jquery-1.12.4.min

今天药忘吃喽~/ 2022年03月27日 06:38/ 0 赞/ 263 阅读

相关 jQuery之deferred优雅的异步处理方式

本例基于jquery1.9.1 示例1:多ajax链式调用 $.ajax({ url:"/app/1", success:fucntio

喜欢ヅ旅行/ 2022年03月11日 02:37/ 0 赞/ 222 阅读

相关 Jquery easyui 异步树

[Jquery easyui 异步树][Jquery easyui] html ![ContractedBlock.gif][] ![ExpandedBlockStart.

女爷i/ 2021年12月19日 15:51/ 0 赞/ 266 阅读