📌  相关文章
📜  如何延迟 document.ready() 方法，直到在 jQuery 中设置变量？

📅  最后修改于: 2022-05-13 01:56:01.192000             🧑  作者: Mango

如何延迟 document.ready() 方法，直到在 jQuery 中设置变量？

在本文中，我们将学习延迟 document.ready 直到设置变量。 document.ready()方法用于在 HTML DOM 完全加载时执行一些 jQuery 或 JavaScript 脚本。

这里可以采用两种方法：

方法一：使用jQuery库中的holdReady()方法和setTimeout()方法。首先我们将holdReady()方法中的参数设置为true以保持document.ready()方法的执行。然后，可以使用setTimeout()添加具有适当延迟时间的超时函数 方法。在此超时方法中，定义了一个变量，随后再次调用了holdReady() ，但这次将参数设置为false以释放document.ready()方法的执行。最后，调用document.ready()方法，在该方法中，现在设置了变量，并显示了一个除法元素，说明该变量已设置。使用 jQuery 中的text()方法设置除法元素的内容。

示例：在此示例中，延迟 3 秒（3000 毫秒） 设置超时（） 设置变量并完全加载 HTML DOM 的方法。

HTML


  

    
  
    
    

  

    

      
    
    

    

  

HTML


  

    
  
    
    

  

    

    

  
    
    

    

  

输出：

方法2：使用jQuery库中的holdReady()方法和setInterval()方法。这种方法与前一种方法非常相似，但主要区别在于 document.ready 方法的语法，它表示为 $(函数(){ .. }) 并且使用setInterval()方法而不是setTimeout( )方法。通常，我们使用setInterval()方法在某个时间间隔重复传递的函数，但在这种情况下，它的用途与setTimeout()方法相同。所有底层逻辑都和以前一样。

示例：在此示例中， setInterval()方法中有 2 秒（2000 毫秒）的延迟，之后设置变量并完全加载 HTML DOM。

HTML 



  

    
  
    
    

  

    

    

  
    
    

    

  

输出：