Home/ Questions/Q 7438563
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T10:34:26+00:00

I have this JavaScript function which counts down until you can click the download

  • 0

I have this JavaScript function which counts down until you can click the download button, however i would like once its clicked for it either to disable again or start counting down again, preferably, disable.

Here is the 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>

Here is the button,

<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>

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I believe this is the code you need:

    <!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>
    • 0