ページが読み込まれるときにクラスを呼び出し、結果をX秒ごとに再読み込みしようとしていますが、setTimeoutチュートリアルに従っていると、jqueryは私が理解できないエラーを投げているようです。
キャッチされないRangeError:呼び出しスタックの最大サイズを超えました
var Rand = function() {
return Math.random().toString(36).substr(2);
};
lhc();
function lhc(){
$('#lhcb a').each(function() {
var rawlink = $(this).attr("href");
var link = encodeURIComponent( rawlink );
var token = Rand();
var href = $(this).prop('href');
var proceed = $.getJSON( "lhc/link.php?link=" + link + "&a=c", function( data ) {
if ( data.proceed == 'true' ) {
return true;
} else {
return false;
}
}).error(function(e) { alert("error"); console.log(e);});
if ( href.match("^javascript:") ) {
proceed = false;
}
if ( rawlink.charAt(0) != '#' ) {
if ( proceed ) {
$(this).after( " <span style='font-size:xx-small;'>( Hits: <span id='" + token + "'></span> )</span>" );
$.getJSON( "lhc/link.php?link=" + link + "&a=q", function( data ) {
$('#' + token).html(data['hits']);
}).error(function(e) { alert("error"); console.log(e);});
$(this).attr( "href", "lhc/link.php?link=" + link + "&a=g" );
}
}
});
setTimeout(lhc(), 5000);
}
変化する
setTimeout(lhc(), 5000);
に
setTimeout(lhc, 5000);
かっこを追加すると、タイムアウトなしで関数が直接呼び出され、同じ関数内で関数をすぐに呼び出すと、スタックがいっぱいになる無限ループになります
<script>window.onerror = function(){ return true;} </script>
を実行し、setTimeout(lhc, 5000);
を設定すると、エラーを無視できます。