sadet48 - JavaScript setInterval fonksiyonu


	sadet48


	JavaScript setInterval fonksiyonu

JavaScript setInterval fonksiyonu

1 dakika sonra değişen yazı ve arkaplan rengi.

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>JavaScript setInterval fonksiyonu</title>
<style type="text/css">
*{margin: 0;padding: 0;box-sizing: border-box;}
main h1{
	font-family: TTKB Dik Temel Abece;
	color: #ff0000;
	font-size: 40px;
	text-align: center;
	background: transparent;
	padding: 10px;
}
main p{
	font-family: TTKB Dik Temel Abece;
	color: #000000;
	font-size: 30px;
	background: transparent;
	text-align: left;
	padding: 15px;
}
</style>
</head>
<body>
<main>
		<h1 class="ana_baslik">JavaScript setInterval fonksiyonu</h1>
		<p class="icerik">1 dakika sonra değişen yazı ve arkaplan rengi.</p>		
</main>
<script>
var counter = 1,
      artir = 1;
setInterval(function(){
degistir(artir);
if (artir==2) {
	artir=1;
}else
artir++;
}, 3000);
function degistir(counter){
if(counter==1){
document.querySelector(".icerik").innerHTML="Merhaba";
document.querySelector(".icerik").style.backgroundColor="yellow";
	}else
if(counter==2){
document.querySelector(".icerik").innerHTML="Dünya!";
document.querySelector(".icerik").style.backgroundColor="orange";
	}
}
</script>
</body>
</html>

Toplam 109705 ziyaretçi

sadet48

JQuery Cycle ile Haber Bandı

Sadet Sevinç

sadet48.tr.gg@gmail.com

Facebook beğen

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?

Ücretsiz kaydol