Hoe maak je een klok met javascript.
Als eerste moet je een standaard html pagina:Als we dat hebben gedaan moeten we de browser vertellen dat we javascript gaan gebruiken: Nu we dat hebben gedaan kunnen we met javascript beginnen, we moeten de uren, minuten en secondes is variabelen zetten dat is een teken of een word die je gebruikt als je en stuk tekst meerdere keren wil gebruiken maar niet vaker wil typen, ook moeten we een code toevoegen om te beginnen met een klok te maken:Als dat is gedaan moeten we een code invoeren om de klok te weergeven:In de code hier boven zeggen we ook dat hij het moet weergeven in een div genaamd klok, die moeten we dus ook plaatsen:Om er voor te zorgen dat je niet elke keer je browser moet herlaadden voegen we dit script toe:Als je nu 1 over twaalf ziet staat er 12.1.1 dat is natuurlijk niet goed, wat we willen zien is 12.01.01 om dat te doen moeten we een script toe voeg dat als er een getal staat klijner dan 10, dat er een 0 voor komt.
Dit script moeten we toevoegen:Als je het nu opslaat als klok.html zie je een klok links boven ik je scherm
Als eerste moet je een standaard html pagina:
Spoiler tonen
<html>
<head>
<title>klok</title>
</head>
<body>
</body>
</html>Spoiler tonen
<html>
<head>
<title>klok</title>
<script type="text/javascript">
</script>
</head>
<body>
</body>
</html>Spoiler tonen
<html>
<head>
<title>klok</title>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
}
</script>
</head>
<body>
</body>
</html>Spoiler tonen
<html>
<head>
<title>klok</title>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
document.getElementById(klok).innerHTML=h+":"+m+":"+s;
}
</script>
</head>
<body>
</body>
</html>Spoiler tonen
<html>
<head>
<title>klok</title>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
document.getElementById(klok).innerHTML=h+":"+m+":"+s;
}
</script>
</head>
<body>
<div id=klok></div>
</body>
</html>Spoiler tonen
<html>
<head>
<title>klok</title>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
document.getElementById(klok).innerHTML=h+":"+m+":"+s;
}
t=setTimeout(startTime(),500);
</script>
</head>
<body>
<div id=klok></div>
</body>
</html>Dit script moeten we toevoegen:
Spoiler tonen
<html>
<head>
<title>klok</title>
<script type="text/javascript">
function startTime()
{
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
m=checkTime(m);
s=checkTime(s);
document.getElementById(klok).innerHTML=h+":"+m+":"+s;
t=setTimeout(startTime(),500);
}
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}
</script>
</head>
<body onLoad="startTime()">
<div id="klok">
</div>
</body>
</html>
