jsFiddle demo - jQuery delay()

fiddle.css

div { position: absolute; width: 60px; height: 60px; float: left; top: 30px; }
.first { background-color: #3f3; left: 0; }
.second { background-color: #33f; left: 80px; }
.third  { background-color: #f33; left: 0; top: 135px; }

fiddle.html

<p><button id="button1">Run 1</button></p>
<div class="first"></div>
<div class="second"></div>

<br/><br/><br/><br/>
<p><button id="button2">Run 2</button></p>


<div class="third"></div>
        

fiddle.js

$.noConflict();

jQuery(document).ready(function($) {

    $('#button1').click(function() {
      $('div.first').slideUp(300).delay(4000).fadeIn(400);
      $('div.second').delay(3000).slideUp(300).delay(3000).fadeIn(400);
    });


    $('#button2').click(function() {
      $('div.third').delay(10000).hide();
      $(alert('done')).delay(10000);        
    });
    
    
//    $.when({
//        testing: 123
//    }).done(

//    function(x) {
//        alert(x.testing);
//    } /* alerts "123" */ );
});

fiddle.manifest

name: jsFiddle/Gist demo - setTimeout
description: jsFiddle demo hosted on Gist
authors:
  - Gary Smith
title:
  - JS Fiddle - jsFiddle/Gist integration demo - setTimeout
resources:
  - /js/empty.js
normalize_css: yes

...

http://jsfiddle.net/gh/gist/jquery/edge/1685795/