jQuery中delay()方法的用途是什么

jQuery中delay()方法的用途是什么

在这篇文章中,我们将看到如何使用delay()方法以及为什么要在jQuery中使用它。delay()方法是用来设置一个定时器来延迟队列中下一个项目的执行。

语法:

$(selector).delay(para1, para2);

在下面的例子中,首先我们创建了一个尺寸为250px X 200px的div,并将其显示属性设置为none。同时,创建了一个按钮,它将调用delay()方法。当用户点击按钮时,会调用delay()方法和fadeIn()方法。delay()方法的值为2000ms,这意味着DIV将在2000ms后显示。

示例:

<!DOCTYPE html>
<html lang="en">
  
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0">
  
    <!-- Including jQuery -->
    <script src="
https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
  
    <style>
        div {
            width: 250px;
            height: 200px;
            display: none;
            background-color: green;
        }
    </style>
</head>
  
<body>
    <center>
        <h1 style="color: green;">
            GeeksforGeeks
        </h1>
  
        <h3>
            What is the use of delay() 
            method in jQuery?
        </h3>
  
        <div></div>
        <br>
  
        <button id="delay">delay() method</button>
    </center>
      
    <script>
        (document).ready(function() {
            ('#delay').click(function() {
                $('div').delay(2000).fadeIn();
            });
        });
    </script>
</body>
  
</html>

输出:

jQuery中delay()方法的用途是什么?

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程