📌  相关文章
📜  如何在 jQuery 中的特定秒后重新加载页面?

📅  最后修改于: 2021-11-25 03:15:57             🧑  作者: Mango

可以使用两种方法在 jQuery 中的特定秒数后重新加载页面。

  • 使用 location.reload() 方法
  • 使用 history.go(0) 方法

使用 location.reload() 方法:该方法用于模仿浏览器刷新按钮的动作重新加载当前页面。它有一个可选的布尔参数,可用于表示页面是从服务器重新加载,而不是从浏览器缓存加载。

可以使用setTimeout()函数在一段时间后执行刷新代码。这个函数有一个延迟参数,它表示函数执行的时间。该值以毫秒为单位。要延迟的时间量(以秒为单位)乘以 1000 以将其转换为毫秒。

通过选择文档对象并在其上使用 ready() 方法,可以在文档完成加载后调用 setTimeout 代码。这将导致页面在指定的秒数后重新加载。

  • 句法:
    $(document).ready(function () {
          setTimeout(function () {
            alert('Reloading Page');
            location.reload(true);
          }, 5000);
        });
  • 例子:
    
    
    
      
        How to reload page after
        specific seconds?
      
    
    
      

        GeeksforGeeks   

           How to reload page after     specific seconds?      

        GeeksforGeeks is a computer science     portal with a huge variety of well     written and explained computer science     and programming articles, quizzes and     interview questions.   

      

        The page will be reloaded in 5 seconds.   

             
  • 输出:
    加载页面后:
    使用重新加载之前

    5 秒后:
    使用重新加载后

使用 history.go(0) 方法:此方法根据传递给它的参数从浏览器的历史记录中加载一个 URL。如果传递的参数为“0”,则重新加载当前页面。

可以使用setTimeout()函数在一段时间后执行刷新代码。这个函数有一个延迟参数,它表示函数执行的时间。该值以毫秒为单位。要延迟的时间量(以秒为单位)乘以 1000 以将其转换为毫秒。

通过选择文档对象并在其上使用 ready() 方法,可以在文档完成加载后调用此代码。这将导致页面在指定的秒数后重新加载。

  • 句法:
    $(document).ready(function () {
          setTimeout(function () {
            alert('Reloading Page');
            history.go(0);
          }, 5000);
        });
  • 例子:
    
    
    
        
        How to reload page after
        specific seconds?
      
    
    
      

        GeeksforGeeks   

           How to reload page after     specific seconds?      

        GeeksforGeeks is a computer science     portal with a huge variety of well     written and explained computer science     and programming articles, quizzes and     interview questions.   

      

        The page will be reloaded in 5 seconds.   

            

    输出:

  • 加载页面后:
    使用历史先行
    5 秒后:
    使用历史追踪

jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。