[jquery effect Delay (Duration,[queuename])] This method is used to set the delay for execution of the next item in the queue

This method is used to set the delay for execution of the next item in the queue

Instance:

<! DOCTYPE html>;} Html{font:13px/1.2em ' Courier New '; color: #000;} . animation{width:100px;height:100px;background:red;border-radius:2px;text-align:center;line-height:100px;color: #FFF;} Button{background: #FF9E6B;p adding:8px 16px;border:0;outline:none;-webkit-outline:none;margin-bottom:15px;font:400 13px/1.2em ' Courier New '; color: #FFF; Border-radius : 2px;} </style><script type= ' Text/javascript ' >    $(function(){        $('. Start '). Click (function(){            $('. Animation '). Animate ({' width ': ' 100px ', ' height ': ' 100px ',},0, ' linear ')); $('. Animation '). Delay (1800). Animate ({' width ': ' 150px ',},1500, ' linear '); $('. Animation '). Delay (3200). Animate ({' Height ': ' 150px ',},1500, ' linear '); $('. Animation '). Animate ({' width ': ' 450px ', ' height ': ' 300px ',},1500, ' linear '));        }); $('. Stop '). Click (function(){            $('. Animation '). Stop (true,true);    }); });</script>

[jquery effect Delay (Duration,[queuename])] This method is used to set the delay for execution of the next item in the queue