How to add a timer in HTML5 and Javascript?
Ad
I'm trying to to add a timer for a Snake Game and to start it simultaneously when the game starts and to stop it when it's finished. Any help please? Many thanks!
Ad
Answer
Ad
The example below (just sample code) it will count 5 secs and then alert the total seconds. You need to make the math to get hours, minutes, seconds.
$(document).ready(function(){
var secs = 0;
var id = setInterval(function(){
secs++; console.log(secs);
if(secs> 5){
clearInterval(id);
alert('Total Time: ' + secs + ' seconds');
}
}, 1000);
});
Then you can put the logic inside a start/stop method or wherever you need to place it.
With pure Javascript:
window.onload = function() {
var secs = 0;
var id = setInterval(function(){
secs++; console.log(secs);
if(secs> 5){
clearInterval(id);
alert('Total Time: ' + secs + ' seconds');
}
}, 1000);
};
Ad
source: stackoverflow.com
Related Questions
Ad
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad