Difference between revisions of "Team:SVCE Chennai/Javascript"

(Created page with "function f(x) { alert(x); }")
 
Line 1: Line 1:
−
function f(x) {
+
timeout();
−
alert(x);
+
 
 +
function timeout() {
 +
  $('.blue').css("animation","updown 1.2s infinite ease-in-out alternate");                 
 +
  $('.red').css("animation","updown 1.2s 0.2s infinite ease-in-out alternate");                       
 +
  $('.yellow').css("animation","updown 1.2s 0.4s infinite ease-in-out alternate");                       
 +
  $('.green').css("animation","updown 1.2s 0.6s infinite ease-in-out alternate"); 
 +
setTimeout(function(){ 
 +
  $('.blue').css("animation","sound-1 1.4s");                 
 +
  $('.red').css("animation","sound-2 1.4s 0.25s");                       
 +
  $('.yellow').css("animation","sound-1 1.4s 0.10s");                       
 +
  $('.green').css("animation","sound-2 1.4s 0.15s");         
 +
      setTimeout(function(){
 +
        $('.blue').css("animation","finalani 0.4s");             
 +
        $('.red').css("animation","finalani 0.4s 0.05s");     
 +
        $('.yellow').css("animation","finalani 0.4s 0.1s");   
 +
        $('.green').css("animation","finalani 0.4s 0.15s");
 +
          setTimeout(function(){
 +
            timeout();
 +
          },550);
 +
      }, 1190);
 +
}, 3000);      
 
}
 
}
 +
 +
$("#container").mouseover(function(){
 +
  $('.blue').css("animation","sound-1 1.4s infinite");                 
 +
  $('.red').css("animation","sound-2 1.4s 0.25s infinite");                       
 +
  $('.yellow').css("animation","sound-1 1.4s 0.10s infinite");                       
 +
  $('.green').css("animation","sound-2 1.4s 0.15s infinite");   
 +
});

Revision as of 15:00, 5 September 2015

timeout();

function timeout() { 

 $('.blue').css("animation","updown 1.2s infinite ease-in-out alternate");                   
 $('.red').css("animation","updown 1.2s 0.2s infinite ease-in-out alternate");                         
 $('.yellow').css("animation","updown 1.2s 0.4s infinite ease-in-out alternate");                         
 $('.green').css("animation","updown 1.2s 0.6s infinite ease-in-out alternate");

setTimeout(function(){ 

 $('.blue').css("animation","sound-1 1.4s");                   
 $('.red').css("animation","sound-2 1.4s 0.25s");                         
 $('.yellow').css("animation","sound-1 1.4s 0.10s");                         
 $('.green').css("animation","sound-2 1.4s 0.15s");          
      setTimeout(function(){
        $('.blue').css("animation","finalani 0.4s");              
        $('.red').css("animation","finalani 0.4s 0.05s");      
        $('.yellow').css("animation","finalani 0.4s 0.1s");     
        $('.green').css("animation","finalani 0.4s 0.15s");
         setTimeout(function(){
           timeout();
         },550);
      }, 1190);

}, 3000); }

$("#container").mouseover(function(){ 

 $('.blue').css("animation","sound-1 1.4s infinite");                   
 $('.red').css("animation","sound-2 1.4s 0.25s infinite");                         
 $('.yellow').css("animation","sound-1 1.4s 0.10s infinite");                         
 $('.green').css("animation","sound-2 1.4s 0.15s infinite");

});