/Timer in JS/

Question

Hello.how are u? I need help! How to create a timer with JS? For example, I want to create a timer for 10 seconds and then output an alert. Thanks.

Answer 1

You can use the setTimeout method

https://www.w3schools.com/jsref/met_win_settimeout.asp

Answer 2

Try this:

<button onclick="timer()">Alert after 10secs.</button>
<script>
function timer() {
setTimeout( function(){
alert("10 sec timeout!");
},
10000 ); // 10sec delay
}
</script>

Answer 3

setTimeout() and setInterval() functions allow you to execute a piece of JavaScript code/function at a certain point in the future. setInterval repeats the call, setTimeout only runs it once.

setTimeout(expression, timeout); runs the code/function once after the timeout. It is a time based code execution method that will execute script only one time when the interval is reached, and not repeat

again unless you gear it to loop the script by nesting the setTimeout object inside of the function it calls to run. If geared to loop, it will keep firing at the interval unless you call clearTimeout(). If you want

something to happen one time after some seconds Then use setTimeout... because it only executes one time when the interval is reached.

setTimeout(function() {
console.log('Wait 3 seconds and I appear just once');
}, 3000);

setInterval(expression, timeout); runs the code/function repeatedly, with the length of the timeout between each repeat. It is a time interval based code execution method that has the native ability to repeatedly

run specified script when the interval is reached. It should not be nested into its callback function by the script author to make it loop, since it loops by default. It will keep firing at the interval unless you call

clearInterval(). If you want to loop code for animations or clocks Then use setInterval.

setInterval(function() {
console.log('Every 3 seconds I appear on your console');
}, 3000)

http://net-informations.com/js/progs/delay.htm