title: How to set time delay in javascript
body: <p>I have this a piece of js in my website to switch images but need a delay when you click the image a second time. The delay should be 1000ms. So you would click the img.jpg then the img_onclick.jpg would appear. You would then click the img_onclick.jpg image there should then be a delay of 1000ms before the img.jpg is shown again. </p>
  
  <p>Here is the code:</p>
  
  <pre><code>jQuery(document).ready(function($) {
  
      $(".toggle-container").hide();
      $(".trigger").toggle(function () {
          $(this).addClass("active");
          $(".trigger").find('img').prop('src', 'http://localhost:8888/images/img_onclick.jpg');
      }, function () {
          $(this).removeClass("active");
          $(".trigger").find('img').prop('src', 'http://localhost:8888/images/img.jpg');
      });
      $(".trigger").click(function () {
          $(this).next(".toggle-container").slideToggle();
      });
  });
  </code></pre>