ジャバスクリプト反復カウントダウン

私はカウントダウンタイマーに関する質問があります。 私は視覚的なカウントダウンを表示する以下のコードがあります。私の問題は、それがクライアント側のページをリフレッシュするたびにリセットされることです。下にサーバー側を作成し、ゼロに達すると再起動する方法はありますか?

<script>
    var interval;
    var minutes = 1;
    var seconds = 5;
    window.onload = function() {
        countdown('countdown');
    }

    function countdown(element) {
        interval = setInterval(function() {
            var el = document.getElementById(element);
            if(seconds == 0) {
                if(minutes == 0) {
                    el.innerHTML = "countdown's over!";                    
                    clearInterval(interval);
                    return;
                } else {
                    minutes--;
                    seconds = 60;
                }
            }
            if(minutes > 0) {
                var minute_text = minutes + (minutes > 1 ? ' minutes' : ' minute');
            } else {
                var minute_text = '';
            }
            var second_text = seconds > 1 ? 'seconds' : 'second';
            el.innerHTML = minute_text + ' ' + seconds + ' ' + second_text + ' remaining';
            seconds--;
        }, 1000);
    }
    </script>

<div id='countdown'></div>

the above code can be found here :
Javascript Countdown

0

2 答え

カウンターがサーバー側にある必要がありますか?あなたが単純にカウントダウンをブラウザの更新を超えて保持したい場合は、クッキーを使用することができます

// Setting cookie after every second, using the jQuery cookie plugin http://plugins.jquery.com/project/cookie
$.cookie("minutes", current_minutes_left);
$.cookie("seconds", current_seconds_left);

// Retrieve cookie later
$.cookie("minutes");
$.cookie("seconds");
// do something with the cookies

それはそれを行う必要があります。

0
追加された
"プラグインサイトは現在開発中です。"
追加された 著者 user631756,
はい、私はそれが永続的である必要があります。
追加された 著者 user631756,

ちょうどセット

var minutes = 1;
var seconds = 5;

カウントダウンの終了時刻に基づくサーバスクリプトによって実行される。

例:

  1. サーバー側でカウントダウンが終了した日時を格納する(PHPセッション)
  2. クライアントのオフセットに関するさまざまなタイムゾーンに関する格納された値に基づいてカウントダウンの時間を計算する
  3. 計算された値を出力HTMLにJavaScript値として書き込む

リロード時には、単にカウントダウンの時間を記憶された値に基づいて再計算します。

それでおしまい!

0
追加された
@ ZombieHunter、それらの設定はすでにそのように設定されています。
追加された 著者 user631756,
私は、ブラウザがナビゲートしたり閉じたりしたときのカウントダウンスクリプトの場所をサーバーが知ることができると信じています。
追加された 著者 Jared Farrish,
PHP - 日本のコミュニティ [ja]
PHP - 日本のコミュニティ [ja]
4 参加者の

このグループではPHPについて話します。 パートナー:kotaeta.com

JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript