javascript - 変数値の変更をリッスンし、クリックイベントを処理する

Question

最初の 3 秒間、変数 x の値は 0 で、3 秒後に x の値は 1 に設定されます。

0 秒から 3 秒の間にボタンをクリックするたびに、関数 handleClick を呼び出すべきではありません。3 秒後にボタンをクリックするたびに、関数 handleClick を呼び出す必要があります。

以下は、私が使用しているHTMLおよびJSコードです。しかし、関数 handleClick は 3 秒経っても呼び出されません。

HTML:

<button class="quizy-mg-item">click here</button>

JS:

var x=0;
setTimeout(3000,function(){
x=1 
})
function handleClick(){
document.write("Success");
}
if(x) {
$('.quizy-mg-item').click(handleClick);
}

score 2 · Accepted Answer

このコードを試して、

setTimeout(function() {
  $('.quizy-mg-item').click(handleClick);
},3000);

function handleClick(){
  document.write("Success");
}

setTimeout 関数の引数の順序が間違っていました。

ここもまた、

if(x) {
  $('.quizy-mg-item').click(handleClick);
}

内部の条件チェック時はif、x実際には 0 であるため、clickハンドラはアタッチされていません。後の値とは関係ありませんx。

ps使用しないでください。デバッグdocument.writeに使用してください。console.log

javascript - 変数値の変更をリッスンし、クリック イベントを処理する