Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

mn klok telt tot 08, why? (Opgelost)

Martijn - 21/12/2008 12:20

Crew PHP

Ik heb klokje gemaakt met JS. Ik helemaal blij dat t lukte, krijg ik een raar iets.

Ik wou namelijk dat ie ipv 1 tot 9 neer zet 01 tot 09 neerzet. Nu telt ie tot 08 en dan gaat ie weer naar 01, en ik snap m niet, iemand die t me kan vertellen? Als ik dus het deel comment die de 0 ervoor zet, werkt t weer wel

mn html divje:

html4strict code - Bekijk de code zonder highlighting - Klap code in

<div id="klok">	<?=date("H:i:s");?></div>

<div id="klok">	<?=date("H:i:s");?></div>

mn js:

javascript code - Bekijk de code zonder highlighting - Klap code in

                function klok(){
	
	var tijdinfo = document.getElementById("klok").innerHTML.split(":");
	var deel=":";
	var secondes = parseInt(tijdinfo[2]);
	var minuten = parseInt(tijdinfo[1]);
	var uren= parseInt(tijdinfo[0]);
	
	secondes=secondes+1;
	
	if(secondes==60){secondes=0; minuten=minuten+1;}
	if(minuten==60){minuten=0;uren=uren+1;}
	if(uren==24){uren=0;}
	
	secondes=secondes + "";
	minuten=minuten + "";
	uren=uren + "";
	
	if(secondes.length==1){secondes = "0" + secondes;}
	if(minuten.length==1){minuten = "0" + minuten;}
	if(uren.length==1){uren = "0" + uren;}
	
	document.getElementById("klok").innerHTML = uren + deel + minuten + deel + secondes;	
	window.setTimeout(klok, 1000);
	}

            
function klok(){
 
	var tijdinfo = document.getElementById("klok").innerHTML.split(":");
	var deel=":";
	var secondes = parseInt(tijdinfo[2]);
	var minuten = parseInt(tijdinfo[1]);
	var uren= parseInt(tijdinfo[0]);
 
	secondes=secondes+1;
 
	if(secondes==60){secondes=0; minuten=minuten+1;}
	if(minuten==60){minuten=0;uren=uren+1;}
	if(uren==24){uren=0;}
 
	secondes=secondes + "";
	minuten=minuten + "";
	uren=uren + "";
 
	if(secondes.length==1){secondes = "0" + secondes;}
	if(minuten.length==1){minuten = "0" + minuten;}
	if(uren.length==1){uren = "0" + uren;}
 
	document.getElementById("klok").innerHTML = uren + deel + minuten + deel + secondes;	
	window.setTimeout(klok, 1000);
	}
 

17 antwoorden

Gesponsorde links

nemesiskoen - 21/12/2008 12:35 (laatste wijziging 21/12/2008 12:36)
PHP expert		Ik zou hier eens naar kijken: http://www.w3sc...ming_clock Daar laten ze zien hoe je de tijd in javascript kan laten zien zonder vanalles na te kijken. De tijd is client side, niet server side. Overigens begrijp ik niet echt wat je bedoeld met "hij telt tot 8", wanneer telt hij tot 8?

Martijn - 21/12/2008 12:38 (laatste wijziging 21/12/2008 12:39)
Crew PHP		12:37:01 12:37:02 12:37:03 12:37:04 12:37:05 12:37:06 12:37:07 12:37:08 12:37:01 en ik wil de klok juist serverside dan loopt die klok namelijk gelijk met mn server klok edit: dat voorbeeld wat jij gaf doet volgens mij hetzelfde als ik doe, alleen geef ik m een phpwaarde ipv clientside tijd

Koen - 21/12/2008 12:52

PHP expert

javascript code - Bekijk de code zonder highlighting - Klap code in

                function klok(){
    
    var tijdinfo = document.getElementById("klok").innerHTML.split(":");
    var deel=":";
    var secondes = parseInt(tijdinfo[2]);
    var minuten = parseInt(tijdinfo[1]);
    var uren= parseInt(tijdinfo[0]);
    
    secondes=secondes+1;
    
    if(secondes==60){secondes=0; minuten=minuten+1;}
    if(minuten==60){minuten=0;uren=uren+1;}
    if(uren==24){uren=0;}
    
    if(secondes < 10){secondes = "0" + secondes;}
    if(minuten < 10){minuten = "0" + minuten;}
    if(uren < 10){uren = "0" + uren;}
    
    document.getElementById("klok").innerHTML = uren + deel + minuten + deel + secondes;    
    window.setTimeout(klok, 1000);
    }

            
function klok(){
 
    var tijdinfo = document.getElementById("klok").innerHTML.split(":");
    var deel=":";
    var secondes = parseInt(tijdinfo[2]);
    var minuten = parseInt(tijdinfo[1]);
    var uren= parseInt(tijdinfo[0]);
 
    secondes=secondes+1;
 
    if(secondes==60){secondes=0; minuten=minuten+1;}
    if(minuten==60){minuten=0;uren=uren+1;}
    if(uren==24){uren=0;}
 
    if(secondes < 10){secondes = "0" + secondes;}
    if(minuten < 10){minuten = "0" + minuten;}
    if(uren < 10){uren = "0" + uren;}
 
    document.getElementById("klok").innerHTML = uren + deel + minuten + deel + secondes;    
    window.setTimeout(klok, 1000);
    }
 

En zo?

junior - 21/12/2008 13:01 (laatste wijziging 21/12/2008 13:01)
Lid		Kwas mij ook net aan het afvragen wat dit stukje javascript code - Bekijk de code zonder highlighting - Klap code in secondes=secondes + ""; minuten=minuten + ""; uren=uren + ""; secondes=secondes + ""; minuten=minuten + ""; uren=uren + ""; eigenlijk doet..

Martijn - 21/12/2008 13:53 (laatste wijziging 21/12/2008 13:56)
Crew PHP		dat stukje maakt van de int een string zodat ik er een 0 voor kan plakken. Zonder dat geen nul. Ik had dat van een ander script online de functie parse deed niets

junior - 21/12/2008 14:26 (laatste wijziging 21/12/2008 14:26)
Lid		Ahja ksnap het. Kende dit niet Heb je al getest of de uitwerking van sliphead het doet?

Martijn - 21/12/2008 14:35 (laatste wijziging 23/12/2008 12:38)
Crew PHP		telt ook maar tot 8 als iemand die t ziet?

BramBo - 23/12/2008 14:26 (laatste wijziging 23/12/2008 14:33)

JS gevorderde

Waarom niet het Date obj gebruiken?

javascript code - Bekijk de code zonder highlighting - Klap code in

                var klok = document.getElementById("klok");
var date = new Date();
date.setTime(Date.parse("Tue Dec 23 14:08:20 +0100 2008"));

clock();
function clock() {
 date.setSeconds(date.getSeconds()+1);
 klok.innerHTML = ""+ date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();

 window.setTimeout(clock, 1000);
}
            
var klok = document.getElementById("klok");
var date = new Date();
date.setTime(Date.parse("Tue Dec 23 14:08:20 +0100 2008"));
 
clock();
function clock() {
 date.setSeconds(date.getSeconds()+1);
 klok.innerHTML = ""+ date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
 
 window.setTimeout(clock, 1000);
}
 

edit: Paar typos.

Martijn - 23/12/2008 14:56 (laatste wijziging 23/12/2008 15:01)
Crew PHP		Omdat ik graag wil dat ie met de servertijd meeloopt En wat ik heb werkt ook wel, alleen niet met die 0 ervoor. Is dr niet een functie in JS die maakt dat het minstens zoveel tekens lang is? in php heet het in de database zerofill edit: en je code werkt niet ik krijg "klok is null", heb er nog niet naar gekeken wat het is

BramBo - 23/12/2008 16:32
JS gevorderde		met parse kun je de server time er ook in zetten. En neen er is geen Zerofill voor javascript.. server time met Date (in Ruby, moet je even de php variant opzoeken..): javascript code - Bekijk de code zonder highlighting - Klap code in date.setTime(Date.parse(<%= Time.now %>)); date.setTime(Date.parse(<%= Time.now %>)); wat betreft de zerofil, bekijk eens: http://www.code...ct=1190920 hier staat ook een manier om het zerofill probleem te takkelen.

Dlol - 23/12/2008 18:44

Lid

Wat geeft dit:

javascript code - Bekijk de code zonder highlighting - Klap code in

                function klok(){
    
    var tijdinfo = document.getElementById("klok").innerHTML.split(":");
    var deel=":";
    var secondes = parseInt(tijdinfo[2]);
    var minuten = parseInt(tijdinfo[1]);
    var uren= parseInt(tijdinfo[0]);
    
    secondes=secondes+1;
    
    if(secondes==60){secondes=0; minuten=minuten+1;}
    if(minuten==60){minuten=0;uren=uren+1;}
    if(uren==24){uren=0;}
    
    var bsecondes=secondes + "";
    var bminuten=minuten + "";
    var buren=uren + "";
    
    if(bsecondes.length==1){bsecondes = "0" + bsecondes;}
    if(bminuten.length==1){bminuten = "0" + bminuten;}
    if(buren.length==1){buren = "0" + buren;}
    
    document.getElementById("klok").innerHTML = buren + deel + bminuten + deel + bsecondes;    
    window.setTimeout(klok, 1000);
    }


            
function klok(){
 
    var tijdinfo = document.getElementById("klok").innerHTML.split(":");
    var deel=":";
    var secondes = parseInt(tijdinfo[2]);
    var minuten = parseInt(tijdinfo[1]);
    var uren= parseInt(tijdinfo[0]);
 
    secondes=secondes+1;
 
    if(secondes==60){secondes=0; minuten=minuten+1;}
    if(minuten==60){minuten=0;uren=uren+1;}
    if(uren==24){uren=0;}
 
    var bsecondes=secondes + "";
    var bminuten=minuten + "";
    var buren=uren + "";
 
    if(bsecondes.length==1){bsecondes = "0" + bsecondes;}
    if(bminuten.length==1){bminuten = "0" + bminuten;}
    if(buren.length==1){buren = "0" + buren;}
 
    document.getElementById("klok").innerHTML = buren + deel + bminuten + deel + bsecondes;    
    window.setTimeout(klok, 1000);
    }
 

Martijn - 23/12/2008 19:06
Crew PHP		mooi loopje tot 0 8

nemesiskoen - 23/12/2008 19:42 (laatste wijziging 26/12/2008 13:34)

PHP expert

javascript code - Bekijk de code zonder highlighting - Klap code in

                <html>
<head>
<script type="text/javascript">
var uur = HIER_LATEN_OPVULLEN_DOOR_PHP;
var minuten = HIER_LATEN_OPVULLEN_DOOR_PHP;
var seconden = HIER_LATEN_OPVULLEN_DOOR_PHP;
var datum=new Date(null, null, null, uur , minuten , seconden );

function startTime()
{
datum.setSeconds(datum.getSeconds()+1);
var h=datum.getHours();
var m=datum.getMinutes();
var s=datum.getSeconds();
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',1000);
}

function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}
</script>
</head>

<body onload="startTime()">
<div id="txt"></div>
</body>
</html>


            
<html>
<head>
<script type="text/javascript">
var uur = HIER_LATEN_OPVULLEN_DOOR_PHP;
var minuten = HIER_LATEN_OPVULLEN_DOOR_PHP;
var seconden = HIER_LATEN_OPVULLEN_DOOR_PHP;
var datum=new Date(null, null, null, uur , minuten , seconden );
 
function startTime()
{
datum.setSeconds(datum.getSeconds()+1);
var h=datum.getHours();
var m=datum.getMinutes();
var s=datum.getSeconds();
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout('startTime()',1000);
}
 
function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}
</script>
</head>
 
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
 

EDIT: ey c*ckburn ge moogt altijd zeggen dat het is gelukt of niet en hoe ge het hebt gedaan of ge hier hulp aan hebt gehad. Thanks for nothing ze!

Martijn - 26/12/2008 14:03 (laatste wijziging 26/12/2008 14:06)
Crew PHP		het spijt me voor het hebben van een leven buiten SiMa. Dat ik hier online sta betekend niet dat ik persé hier ben. en ja t werkt. Dankjewel.

nemesiskoen - 26/12/2008 14:05
PHP expert		Ge kunt altijd ff'kes melden dat het is gelukt of niet. Daarvoor moet ge niet per sé uren online komen:D had trouwens niet eens gezien da ge online waart, maar figurred dat ge dit wel zou lezen. Een klein dankuwel of het is gelukt kan wonderen doen, dan wordt je de volgende keer ook beter geholpen. Volgende keer kan je de boom in klimmen voor mijn part:D

Martijn - 26/12/2008 14:07 (laatste wijziging 26/12/2008 14:08)
Crew PHP		ik bedankt altijd de mensen die me geholpen hebben... Maar zoals ik zei, ik ben niet altijd hier. En ik ben niet altijd bezig met waar ik mn vraag voor stelde. Dus mssn had ik wel een momentje tijd om iets te antwoorden, dan was er nogsteeds geen tijd om het te hebben getest. Niet alles is zoals men denkt dat het is hoor edit: en de dankjewel in mn reply boven je was geplaatst voordat ik je reply erna zag.

nemesiskoen - 26/12/2008 14:30
PHP expert		ok, no biggie:-)

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten