jquery Deferred demo

时间：2023-03-08 19:22:14
jquery Deferred demo 
<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script src="lib/jquery.js"></script>

</head>

<body>

    <div id="demo">this is show demo</div>

    <script>

        var wait = function () {

            var defer = $.Deferred();

            var tasks = function () {

                alert('Lazy Function!');

                defer.resolve();

            }

            setTimeout(tasks, 2000);

            return defer.promise();

        };

        $.when(wait()).done(function () {console.log('success!')}).fail(function () {console.log('fail')}) 

    </script>

</body>

</html>

相关文章