0

ユーザーが30分ごとにカウントダウンすることを確認するためのカウントダウン時間をどのように作成しますか。たとえば、10：05の場合、残り25分のカウントダウンを表示したいと思います。サーバーの時間を使い果たす必要があると思います。ご協力いただきありがとうございます！

また、カウントダウンの最後にページを更新して、ユーザーが次の30分間新しいページを表示できるようにすることは可能でしょうか。

**編集：9：55にページを読み込んだとします。残り5分をカウントダウンで表示したいのですが。そして、10：00が来たらすぐにページを更新して、カウントダウンが再び30分表示されるようにしたいと思います。

4

1 に答える 1

1

これを行う関数は次のとおりです。

function numMinutes() {
     return 30 - new Date().getMinutes() % 30;
}

これは JavaScript であるため、サーバーは関与しません。継続的なカウントダウンを表示するには、次のようにします (「countdown」という ID を持つ要素があると仮定します)。

setInterval(function() {
     var el = document.getElementById("countdown");
     while(el.childNodes.length > 0) el.removeChild(el.firstChild);
     el.appendChild(document.createTextNode(numMinutes().toString() + ' minutes left!'));
}, 1000);

または、（非標準の）省略形で：

setInterval(function() {
     document.getElementById("countdown").innerHTML = numMinutes().toString() + ' minutes left!';
}, 1000);
于 2011-04-20T02:41:30.953 に答える