Cum sa afisam un ceas intr-o pagina web
Pentru a afisa un ceas in tr-o pagina html nu avem nevoie decat de un pic de cod javascript.
Astfel, sa cream un document html pe care sa-l numim "time.htm".
In tag-ul "head" al paginii vom insera urmatorul cod javascript:
<script language="javascript" type="text/javascript">
<!--
function startClock() {
window.setInterval("startTick()", 1000);
startTick();
}
function startTick()
{
var d = Date();
var time = d.substring(11,19);
MyTime.innerText = time;
}
//-->
</script>
Apoi, in tag-ul "body", vom introduce in evenimentul onload numele functiei javascript care va face ceasul sa porneasca:
<body onload="startClock();">
Dupa care vom introduce un element "p" care va avea id-ul "MyTime":
<p id="MyTime"> </p>
Acum nu mai avem decat sa deschidem pagina noastra intr-o fereastra de browser si sa vedem cum ceasul nostru a pornit si cum se actualizeaza la fiecare secunda.
Asta e tot !
Acum codul paginii noastre ar trebui sa arate astfel:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Time</title>
<script language="javascript" type="text/javascript">
<!--
function startClock() {
window.setInterval("startTick()", 1000);
startTick();
}
function startTick()
{
var d = Date();
var time = d.substring(11,19);
MyTime.innerText = time;
}
//-->
</script>
</head>
<body onload="startClock();">
<p id="MyTime"> </p>
</body>
</html>
No comments:
Post a Comment