Home/ Questions/Q 9002971
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T00:38:51+00:00

I am trying to create a timeout on my webpage by counting down from

  • 0

I am trying to create a timeout on my webpage by counting down from 1min to 0 seconds, then displaying a message. If the user moves the mouse (i.e is still active on the page) the timer gets reset. I cant get the reset function to reset my values. What it is doing is counting down the time faster than before and getting stuck in an unbreakable cycle.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
        <script type="text/javascript">

            var mins = 1;
            var secs = 0;
            var timer;

            function start()
                {
                    timer = setInterval("update()", 1000);
                }

                function reset() {
                    var mins = 1
                    var secs = 0;
                    var timer;
                    start();
                }

            function update()
                {
                    var timeField = document.getElementById("time");
                    if (secs == 0)
                        {
                            if (mins == 0)
                                {
                                    timeField.innerHTML = "Time's up!";
                                    clearInterval(timer);
                                    alert("Time's up");
                                    return;
                                }

                            mins--;
                            secs = 59;
                        }
                        else 
                            {
                            secs--;
                            }
                        if (secs < 10)
                            {
                            timeField.innerHTML = 'Time left: ' + mins + ':0' + secs;
                        }
                        else
                             {
                             timeField.innerHTML = 'Time left: ' + mins + ':' + secs;
                             }       
                        }
</script>
</head>
<body onload="start();" onmousemove="reset();">
        <div id="time" >
        </div>
</body>
</html>

How can I get it to reset the countdown and start again? I am new to javascript so please be patient.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Modify your reset function,

    function reset() {
    mins = 1;
    secs = 0;

    window.clearInterval(timer);

    start();
}

    Declare timer outside of all functions.

    • 0