Untitled

<html> <head>
    <script type="text/javascript">
        function zegar()
{

        var
    data=new Date()
    godzina=(data.getHours())
    minuta=(data.getMinutes())
    sekunda=(data.getSeconds())
    czas=godzina
    czas+=((minuta<10)?":0":":")+minuta
    czas+=((sekunda<10)?":0":":")+sekunda

    setInterval(zegar,1000)
    document.getElementById("abc").innerHTML=czas;
}

 		var
 		c=0
 		function start() {
 			document.getElementById("cba").value=c
 			c=c+1
 			setTimeout(start,1000)
 		}
 		function stop() {clearTimeout(c)}
 		function zeruj() {clearTimeout(c=0)}
     </script>
     </head>

<body onload="zegar()">
    <div id="abc" style="background:red"><h1>
        </h1>
    </div>
<form>
	<br>
    <input type="text" id="cba"></input>
    <input type="button" value="guzik" onclick="start()">
    <input type="button" value="guzik" onclick="stop()">
    <input type="button" value="guzik" onclick="zeruj()">
</form>
</body>

     </html>