正確に 30 分後に関数を実行できる JavaScript コードを書きたいと思います。
という関数と というgetScore
別の関数があるとしgetResult
ます。これらの関数をちょうど 30 分後に実行したいと考えています。
これはクイズ用で、クイズの所要時間は 30 分なので、時間が経過したら両方の関数を実行する必要があります。
正確に 30 分後に関数を実行できる JavaScript コードを書きたいと思います。
という関数と というgetScore
別の関数があるとしgetResult
ます。これらの関数をちょうど 30 分後に実行したいと考えています。
これはクイズ用で、クイズの所要時間は 30 分なので、時間が経過したら両方の関数を実行する必要があります。
使用する必要がありますsetTimeout()
:
setTimeout(function() {
getScore();
getResult();
}, 1800000);
「1800000」は、この関数を実行するまでのミリ秒単位の時間です。この場合、30分。
要素を表示したい場合は、このコードを使用できます。これはボタンを表示します。
function myFunc(){
var linkEd = document.getElementById("buttonID");
var timing = 6;
var text_timing = document.createElement("span");
linkEd.parentNode.replaceChild(text_timing, linkEd);
var id;
id = setInterval(function() {timing--;
if (timing < 0) {
clearInterval(id);
text_timing.parentNode.replaceChild(linkEd, text_timing);
} else {
text_timing.innerHTML = "<h3 class='yourclass'>Button will appear after <strong>" + timing.toString() + "</strong> second</h3>";
linkEd.style.display = "inline";
}
}, 1000);
}
これは時間ミリ秒を表示することです
<h3 class='yourclass'>ボタンは <strong>" + timing.toString() + " </strong> 秒後に表示されます</h3>
時間を呼び出してボタンを表示するにはonclickイベントを使用して、時間0の後にボタンを表示します
<button class='yourclass' onclick='myFunc()' id='button'>表示時間</button>
display noneを使用してボタンを非表示にします
<button style='display:none' id='buttonID' class='yourclass'>時間経過後</button>