0

JavaScriptで1つのボタンで一時停止と再開のタイマーを作成したい...タイマーは正常に動作しています.2つの異なるボタンの場合、一時停止と再開は正常に動作しています.しかし、単一のボタンにすると再開が行われません.助けが必要...

JavaScript:

paused = false;
 // set minutes
var mins = 30;
 // calculate the seconds 
var secs = mins * 60;
var t = 0;

function countdown() {
    t = setTimeout('Decrement()', 1000);
}

function Decrement() {
    if (document.getElementById) {
        minutes = document.getElementById("minutes");
        seconds = document.getElementById("seconds");
        // if less than a minute remaining
        if (seconds < 59) {
            seconds.value = secs;


        } else {
            minutes.value = getminutes();
            seconds.value = getseconds();
        }
        secs--;
        t = setTimeout('Decrement()', 1000);
    }
}

function getminutes() {
    // minutes is seconds divided by 60, rounded down
    mins = Math.floor(secs / 60);
    return mins;
}

function getseconds() {
    // take mins remaining (as seconds) away from total seconds remaining
    return secs - Math.round(mins * 60);
}

function pause() {
    clearTimeout(t);
    document.getElementById('Pause').value = "Resume";
    document.getElementById("Pause").onclick = resume();
}

function resume() {
    t = setTimeout();
}

HTML:

<head>
    <title>Countdown</title>
    <script src='myscript'></script>
</head>

<body>
    <div id="timer">
        <input id="minutes" style="width: 24px; border: none; background-color:none;>mts
   <input id=" seconds "  style="width: 26px; border: none; background-color:none;>second
        <div id="timer">
            <input type="button" id="Pause" value="Pause" onClick="pause();" />
        </div>
    </div>
    <script>
        countdown();
    </script>
    </head>

4

2 に答える 2

2

問題はあなたにありますresume function

そうあるべきだ

このコードを試してください

<html>
<head>
<title>Countdown</title>
<script type="text/javascript">
paused = false;
// set minutes
var mins = 30;
// calculate the seconds 
var secs = mins * 60;
var t=0;
  var flagTimer='resume';
function countdown() {
    t = setTimeout('Decrement()',1000);
}
function Decrement() {
    if (document.getElementById) {
        minutes = document.getElementById("minutes");
        seconds = document.getElementById("seconds");
        // if less than a minute remaining
        if (seconds < 59) {
            seconds.value = secs;
        } else {
            minutes.value = getminutes();
            seconds.value = getseconds();
        }
        secs--;
        t= setTimeout('Decrement()',1000);
    }
}
function getminutes() {
    // minutes is seconds divided by 60, rounded down
    mins = Math.floor(secs / 60);
    return mins;
}
function getseconds() {
    // take mins remaining (as seconds) away from total seconds remaining
    return secs-Math.round(mins *60);
}
function pause() { 
  if( flagTimer=='resume')
  {
    clearTimeout(t);
    t=0;alert(' 12c  ya');
    document.getElementById('Pause').value="Resume";
    flagTimer='pause';
  }
  else
  {
    flagTimer='resume';
    document.getElementById('Pause').value="Pause";
    resume();
  }

}
function resume() {
    t= setTimeout('Decrement()',1000);
}

</script>
</head>
<body>
    <div id="timer">
        <input id="minutes"  style="width: 24px; border: none; background-color:none;">mts
        <input id="seconds"  style="width: 26px; border: none; background-color:none;"/>second
        <div id="timer">
            <input type="button" id="Pause" value="Pause" onClick="pause();" />
        </div>
    </div>
    <script>
        countdown();
    </script>
</body>
</html>

ライブテスト http://jsbin.com/ajegas/8

フィドル http://jsfiddle.net/hB5E9/1/

于 2013-05-06T07:39:16.643 に答える
0

タイマーをクリアした後の一時停止関数で、変数を設定してから、 pausePlay onClick の呼び出しt = 0;をチェックする関数 pausePlay() を作成します。if(t) pause(); else play();

于 2013-05-06T07:35:21.280 に答える