Zamanlayıcı (setInterval) Örnekleri
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#Animasyonlu {
display: block;
//text-align: center;
font-size: 60px;
color:red;
font-weight: bold;
text-transform: uppercase;
}
</style>
<script>
function Animasyon(){
Yazi = document.getElementById("Metin").innerHTML;
var HarfNo=0;
var Zamanlayici =setInterval(function () { //Zamanlayıcı
document.getElementById('Animasyonlu').innerHTML+=Yazi.at(HarfNo);
HarfNo++;
if(HarfNo==Yazi.length) {
//clearInterval(Zamanlayici);
HarfNo=0;
document.getElementById('Animasyonlu').innerHTML+=' ';
//document.getElementById('Animasyonlu').innerHTML='';
}
}, 10);
}
window.addEventListener("load", function () {
Animasyon();
});
</script>
</head>
<body>
<div id="Metin">Javascript Öğrenmek Çok Önemli</div>
<div id="Animasyonlu"></div>
</body>
</html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
#Animasyonlu {
display: block;
//text-align: center;
font-size: 60px;
color:red;
font-weight: bold;
text-transform: uppercase;
}
</style>
<script>
function Animasyon(){
Yazi = document.getElementById("Metin").innerHTML;
var HarfNo=0;
var Zamanlayici =setInterval(function () { //Zamanlayıcı
document.getElementById('Animasyonlu').innerHTML+=Yazi.at(HarfNo);
HarfNo++;
if(HarfNo==Yazi.length) {
//clearInterval(Zamanlayici);
HarfNo=0;
document.getElementById('Animasyonlu').innerHTML+=' ';
//document.getElementById('Animasyonlu').innerHTML='';
}
}, 10);
}
window.addEventListener("load", function () {
Animasyon();
});
</script>
</head>
<body>
<div id="Metin">Javascript Öğrenmek Çok Önemli</div>
<div id="Animasyonlu"></div>
</body>
</html>
Yorumunuzu Ekleyin
