Posted By

pixelatorz on 03/22/12

Tagged

javascript

Versions (?)

Last Edited at 03/22/12 03:41am

Statistics

Viewed 506 times

Favorited by 0 user(s)

Related snippets

javascript timer

/ Published in: JavaScript

simple html + javascript timer.

Highlighted TextExpand

/************************************
	HTML
************************************/

/************************************
	TIMER
************************************/

var startDate;
var intervalId = 0;

function startTimer(){
	//datum om de vergelijking mee te maken
	startDate = new Date();
	intervalId = setInterval(setTimer, 11);	
	
}

function stopTimer(){
	clearInterval(intervalId);
	
}

function setTimer(){
	//hier trekken we de start datum af van de huidige datum om het verschil te krijgen in miliseconden
	var currentDate = new Date();
	var difference = currentDate - startDate;
	
	//console.log(difference);
	
	//functie om de tijd terug te geven	
	formatTime(difference);

}

function formatTime(ms){
	
	//nummers omzetten naar de leesbare getallen
	var sec = Math.floor(ms/1000)
	ms = ms % 1000
	t = three(ms)
	
	var min = Math.floor(sec/60)
	sec = sec % 60
	t = two(sec) + t

min = min % 60
	t = two(min) + t

//console.log(t);
	//in een array steken en die reversen om de juiste waarde op te halen
	var timeArray = t.split("").reverse();
	
	$("#m1").text(timeArray[6]);
	$("#m2").text(timeArray[5]);
	
	$("#s1").text(timeArray[4]);
	$("#s2").text(timeArray[3]);
	
	$("#h1").text(timeArray[2]);
	$("#h2").text(timeArray[1]);
	$("#h3").text(timeArray[0]);

}
//plaats een 0 indien de waarde korter dan 2 getallen
function two(x) {return ((x>9)?"":"0")+x}
function three(x) {return ((x>99)?"":"0")+((x>9)?"":"0")+x}

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.