Örnek:
HTML Dosyası
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Javascript Zamanlayıcı Örneği</title>
<style type="text/css">
#main{
border-style:solid;
width:100px;
height:100px;
font-size:70px;
text-align:center;
}
</style>
<script type="text/javascript">
var zamanSayac = 0;
var zaman;
function say(){
document.getElementById("main").textContent = zamanSayac;
zamanSayac++;
}
function baslat(){
zaman = window.setInterval("say()",1000);
document.getElementById("buttonBaslat").disabled = true;
document.getElementById("buttonBaslat").value = "Devat Et";
document.getElementById("buttonDurdur").disabled = false;
}
function durdur(){
document.getElementById("buttonBaslat").disabled = false;
document.getElementById("buttonDurdur").disabled = true;
window.clearInterval(zaman);
}
function init(){
document.getElementById("buttonBaslat").disabled = false;
document.getElementById("buttonDurdur").disabled = false;
}
</script>
</head>
<body onLoad="init();">
<div id="main"></div><br />
<input type="button" id="buttonBaslat" value="Baslat" onClick="baslat();" />
<input type="button" id="buttonDurdur" value="Durdur" onClick="durdur();" />
</body>
</html>
Ekran Görüntüsü:
No comments:
Post a Comment