当我尝试使用它来刷新页面时，settimeout 无法正常工作

Question

此代码的目的是在等待 1 秒或 5 秒后刷新页面，具体取决于随机变量。但是，下面的代码使它可以在每次等待 1 秒后刷新，或者在每次等待 5 秒后刷新。

如何使每次刷新时的刷新等待时间为 1 秒或 5 秒？

// ==UserScript==
// @name        google.com
// @namespace   John Galt
// @description Basic Google Hello
// @match       *^https://www.google.com/$*
// @version     1
// @require     https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
// @grant       GM_xmlhttpRequest
// @run-at document-end
// ==/UserScript==

//*****************************************START OF SET_TIMEOUT
(function ($) {
  'use strict';
  var interval;
  if (Math.floor(Math.random() * 2) == 0) { interval = 1000; }
  else { interval = 5000; }
  if (window == window.top) {
    var body = $('body').empty();
    var myframe = $('<iframe>')
      .attr({ src: location.href })
      .css({ height: '95vh', width: '100%' })
      .appendTo(body)
      .on('load', function () {
        setTimeout(function () {
          myframe.attr({ src: location.href });
        }, interval);
      });
  }
})(jQuery);
//*****************************************END OF SET_TIMEOUT

Answer 1

问题在于，当您将 iframe 指向当前文档时，包含 iframe 的文档仅被加载一次（这就是为什么您会看到一遍又一遍地使用相同的时间间隔）和当iframe 在其中加载相同的文件时，它为间隔生成的值与控制iframe 的加载不同。

我认为您应该对setTimeout 中的当前文件执行 AJAX 请求。这样你就可以通过再次调用 AJAX 来处理服务器错误。这会简单得多。没有iframe。

(function ($) {
 'use strict';

 // Store possible delay values in an array
 var possibleDelays = [1000, 5000];
      
 function reload() {
   $.ajax(location.href)
    .done(function () {
       $("h1").text(new Date().toLocaleTimeString());
       // Success! Do it again!
       setTimeout(reload, possibleDelays[Math.round(Math.random())]);
    }).fail(reload); // When there's an error, try again
  }

  // Initiate the process with an interval that is generated right here.
  setTimeout(reload, possibleDelays[Math.round(Math.random())]);
})(jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1></h1>