Javscript Css Delay in div tag
 

Javscript Css Delay in <div> tag

Sayfamdaki bir div'in  background-color'un belli bir süre aralığı ile değiştirmek istiyordum  delay ile css birlikte çalışmıyordu bunun için javascript'in

setTimeout() methodunu kullanarak bir çözüme ulaştım.

Örneğin : 5 saniye boyunca div'in background-color özelliği Kırmızı olsun daha sonra transparent haline dönsün istiyorum bunun için

Değişiklikleri yapacağım div'in class ismi newHeaderDiv olsun.

$(".newHeaderDiv:first").css("background-color", "Red");

                    setTimeout(function () {

                        $(".newHeaderDiv:first").css("background-color", "transparent");

                    }, 800);

İlk baş kırmızıyı rengi verdik  setTimeout ile şunu sağlamış olduk 8 saniye boyunca setTimeout içerisindeki işlem çalışmayacak 8.saniye sonunda çalışmış olacaktır. Böylece istediğimizi elde etmiş oluuruz.

 

Author: Engin ATALAY
Date: 10.09.2013 15:07:38
View Count: 1885
 
 

COMMENTS
 
No comments yet. Be the first to comment who you are.
 
 
 
 
 
 
 
WRITE COMMENT
 
 
Your Name :
 
 
 
E-mail :
 
 
 
Your Message :
 
 
 
 
 
 
 
This project : ASP.NET MVC , RAZOR, Entity Framework , CSS , HTML , JQUERY(2.0.2) , AJAX the C# side-tier architecture was developed with logic.
 
Yukarı Çık