クリックしてカウンタを再起動するか無効にする - Javascript

<script type="text/javascript"> x = 10; function countdown() { if (x > 1) { x--; document.getElementById("button").innerHTML = x; r = setTimeout("countdown()",1000); } else { clearTimeout(r); document.getElementById("button").innerHTML = "Click to download"; document.getElementById("button").disabled = ""; } } r = setTimeout("countdown()",1000); </script>

<label><font size="5">Your download will start in: </label><a href="download.php?shortURL=<?php echo $fullfile; ?>"><button class="btn orange" id="button" disabled="disabled" onclick="window.location.reload()" >10</button></font></a>

を、私は、これはあなたが必要とするコードであると信じて：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
    <title></title> 
    <script type="text/javascript"> 
     var x = 10; 
     var r = 0; 
     function countdown() { 
      if (x > 1) { 
       x--; 
       document.getElementById("button").innerHTML = x; 
       r = setTimeout("countdown()",1000); 
      } 
      else { 
       clearTimeout(r); 
       document.getElementById("button").innerHTML = "Click to download"; 
       document.getElementById("button").disabled = ""; 
       document.getElementById("button").onclick = function() { 
        document.getElementById("button").disabled = "disabled"; 
       }; 

      } 
     } 
     setTimeout("countdown()",1000); 
    </script> 
</head> 
<body> 
<label> 
    <font size="5">Your download will start in:</font> 
</label> 
<a href="download.php?shortURL=<?php echo $fullfile; ?>" target="_blank"> 
    <button class="btn orange" id="button" disabled="disabled">10</button> 
</a> 
</body> 
</html>

出典

2012-02-07 18:55:37 tftd

はい、これは素晴らしい、もう1つのこと、どのように私は言うことができますボタンで "ダウンロードが開始されます：" 10 "、しかし番号の変更だけ？ – HarryBeasant

私はコードを編集しました。） – tftd

あなただけの既存のタイマをクリアして、カウンタ変数をリセットするために関数を作成してから、ボタンのonclickイベントからこの関数を呼び出すことができ、再びカウントダウンを開始するには、次のボタンを無効にするには

function resetCountdown() { 
    clearTimeout(r); 
    x = 10; 
    countdown(); 
}

document.getElementById("button").disabled = "disabled";

出典

2012-02-07 18:42:56 jfriend00

最初になぜwindow.location.reload（）を使用していますか？..あなたのスクリプトに関連するものですか？このスクリプト

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

出典

2012-02-07 18:43:04

1.3.2バージョンのjQueryへのリンクを投稿したのはなぜですか？ :)） – Cristy

ちょっとクリスティ..それはハードコアのスクリプトではなく、バージョン1で作業することもできます。私はこのリンクを1つのファイルに入れていましたので、そこからコピーしました...あなたは1.7.1まで無料です:-) –

前にそれを削除し、以下のjqueryのコード

 $(function(){ 
    $('#button').click(function(){ 
     $(this).attr("disabled",true); 
    });

を試してみて、それを動作させるためにjqueryののコピーが含まれていることを確認してくださいまたはあなたの頭のタグに下記のリンクが含まれていない場合よりもテストされませんが、これを試してください。「クリックしてダウンロード」をクリックした後でクリックすると、ボタンが無効になります。

<script type="text/javascript"> 
x = 10; 
function countdown() { 
    if (x > 1) { 
     x--; 
     document.getElementById("button").innerHTML = x; 
     r = setTimeout("countdown", 1000); 
    } else { 
     clearTimeout(r); 
     document.getElementById("button").innerHTML = "Click to download"; 
     document.getElementById("button").disabled = ""; 
     document.getElementById("button").onclick = function() { 
      document.getElementById("button").disabled = "disabled"; 
     }; 
    } 
} 
r = setTimeout("countdown",1000); 
</script>

出典

2012-02-07 18:49:06 iDev247

これはトリックを行う必要があります。

var x = 10; 
var r = setInterval(
    function() { 
    if (x > 1) { 
     x--; 
     document.getElementById("button").innerHTML = x; 
    } 
    else { 
     clearInterval(r); 
     document.getElementById("button").innerHTML = "Click to download"; 
     document.getElementById("button").disabled = ""; 
    } 
}, 1000);

出典

2012-02-07 18:51:03

クリックしてカウンタを再起動するか無効にする - Javascript

答えて

関連する問題