U prošlom članku napisali smo skriptu za odbrojavanje vremena u JavaScript-u. Međutim, ta skripta je prikazivala vreme samo u sekundama i mogla je da broji samo unazad do nule. Sada prikazujemo skriptu koja može da broji u oba smera (napred, nazad) do bilo koje vrednosti i prikazuje vreme o obliku hh:mm:ss.
<html>
<head>
<title></title>
<script type="text/javascript">
function Vreme(t, smer, granica)
{
t += smer;
document.getElementById('ispis-vremena').innerHTML = Format_vremena(t);
if (t != granica)
setTimeout('Vreme(' + t + ',' + smer + ',' + granica + ' );', 1000);
else
alert('Vaše vreme je isteklo !');
}
function Format_vremena(v)
{
var sekunde;
var minuti;
var sati;
sekunde = v % 60;
minuti = ((v - sekunde) / 60) % 60;
sati = parseInt(v / 3600);
if (sati < 10) sati = "0" + sati;
if (minuti < 10) minuti = "0" + minuti;
if (sekunde < 10) sekunde = "0" + sekunde;
return sati + ":" + minuti + ":" + sekunde;
}
</script>
<style type="text/css">
#ispis-vremena{
width: 100px;
height: auto;
margin-top: 200px;
margin-left: auto;
margin-right: auto;
text-align: center;
background: #dfefff;
font-family: Arial;
font-size: 20px;
line-height: 40px;
color: #00007f;
}
</style>
</head>
<body OnLoad='Vreme(0, 1, 300);'>
<div id='ispis-vremena'></div>
</body>
</html>
prilikom poziva, funkciji prosleđujemo 3 parametra:
Primeri:
Ako funkciju pozovemo:
Vreme(0, 1, 300);
skripta će brojati od 00:00:00 do 00:05:00
Ako funkciju pozovemo:
Vreme(600, -1, 300);
skripta će brojati unazad od 00:10:00 do 00:05:00
<html>
<head>
<title></title>
<script type="text/javascript">
function Vreme(t, smer, granica)
{
t += smer;
document.getElementById('ispis-vremena').innerHTML = Format_vremena(t);
if (t != granica)
setTimeout('Vreme(' + t + ',' + smer + ',' + granica + ' );', 1000);
else
alert('Vaše vreme je isteklo !');
}
function Format_vremena(v)
{
var sekunde;
var minuti;
var sati;
sekunde = v % 60;
minuti = ((v - sekunde) / 60) % 60;
sati = parseInt(v / 3600);
if (sati < 10) sati = "0" + sati;
if (minuti < 10) minuti = "0" + minuti;
if (sekunde < 10) sekunde = "0" + sekunde;
return sati + ":" + minuti + ":" + sekunde;
}
</script>
<style type="text/css">
#ispis-vremena{
width: 100px;
height: auto;
margin-top: 200px;
margin-left: auto;
margin-right: auto;
text-align: center;
background: #dfefff;
font-family: Arial;
font-size: 20px;
line-height: 40px;
color: #00007f;
}
</style>
</head>
<body OnLoad='Vreme(0, 1, 300);'>
<div id='ispis-vremena'></div>
</body>
</html>
prilikom poziva, funkciji prosleđujemo 3 parametra:
- početno vreme u sekundama (t)
- korak i smer (smer)
- krajnje vreme u sekundama (granica)
Primeri:
Ako funkciju pozovemo:
Vreme(0, 1, 300);
skripta će brojati od 00:00:00 do 00:05:00
Ako funkciju pozovemo:
Vreme(600, -1, 300);
skripta će brojati unazad od 00:10:00 do 00:05:00
