Question

当我点击提交按钮时，我正在尝试使用setInterval来检查哈希值的变化。点击提交按钮后，页面根本不会改变。仅更改哈希值。我想使用setInterval重复查找哈希值，直到它转到page2（如果输入的表单值不正确）。一旦检测到page2，它将清除setInterval，但此部分不起作用。

var chkHash;
var hashval = window.location.hash;

var sb = document.getElementById("submitButton").onclick = function() {
    startHash();
}

function checkHash() {
   hv = window.location.hash;
   if (hashval !== hv ) { hashval = hv; }

   if(/page2/i.test(hv)) {
      clearHash();
   }
}

function startHash() {
   chkHash = setInterval('checkHash()', 5000);
}

function clearHash() {
   clearInterval(chkHash);
}

Answer 1

一些改进：

//Inside startHash, change:
chkHash = setInterval('checkHash()', 5000);

//to
clearInterval(chkHash); //Don't create multiple timers
chkHash = setInterval(checkHash, 5000);

我还建议在函数var内hv = window.location.hash之前添加checkHash，以便变量不会泄漏到全局范围。

ClearInterval没有停止

1 个答案: