window.requestAnimationFrame kullanarak renkli div kutularını ekrana bastırma örneği.
JavaScript'de zamanlanmış bir döngü yapmanın sadece bir yolu vardı: setInterval() . Bir şeyi çok hızlı tekrarlamanız gerekiyorsa (ancak bir döngü for olabildiğince hızlı değil), bunu kullanırsınız. Animasyon amaçları için, hedefin saniyede altmış "kareler" olması düzgün görünmesi için şöyle bir döngü oluşturursunuz:
Kod:
setInterval(function() { // animiate something }, 1000/60);
NOT: JavaScript kullanabilmek için öncelikle HTML Dili bilmeniz gerekli
Kod:
<script> alert('Hoş geldiniz!'); </script>
Javascript HTML Belgesinin Neresinde Kullanılır?,
Bir JavaScript kodu için oluşturacağınız <script></script> nesnesini <head> bölümünde ya da <body> bölümünde kullanabilirsiniz.
NOT: BODY elementi içerisinde kullanmak sayfa yüklenme hızını arttıracaktır.
Aşağıdaki örnek HEAD bölümünde JavaScript kullanılarak yapılmıştır;
JavaScript Kodu
Aşağıdaki örnek ise JavaScript kodunun BODY içerisinde kullanılmasıyla oluşturulmuştur:
Kod:
<!DOCTYPE html> <html> <head> <script> function fonksiyonum() { ********.getElementById("demo").innerHTML = "Paragraf değişti!"; } </script> </head> <body> <h1>Web Sayfam</h1> <p id="demo">Bir paragraf</p> <button type="button" onclick="fonksiyonum()">Butona Bas!</button> </body> </html>
İsterseniz bir javascript dosyası oluşturarak ve bunu HTML belgenizden çağırarak kullanabilirsiniz. Bu kullanım şekli kaynak kodlarınızın sade olmasını sağlayacaktır.
Bunun için <script> kodunuza src="" özelliği ekleyip dosya adını ana dizine göre belirtin. Örneğin script dosyamızın adı "script.js" ise;
Kod:
<script src="script.js"></script>
NOT: Script dosyası içerisinde <script> ve </script> elementi kullanılmaz.
Saygılarımızla