title: Delay/Pause Slick Slide Function
body: <p>I'm trying to create a carousel on my website using <a href="http://kenwheeler.github.io/slick/" rel="nofollow">slick</a>.  </p>
  
  <p>On my website, I have a specific button which the user can select that will slide the carousel to the next section:</p>
  
  <pre><code>&lt;button class="right-answer" onclick="showResult(this)"&gt;3&lt;/button&gt;
  </code></pre>
  
  <p>This button uses the following line to make the transition:</p>
  
  <pre><code>function showResult(b) {
      if (b.classList.contains('right-answer')) {
          $(".qa").slick('slickNext')
      }
      else { ... }
  }
  </code></pre>
  
  <p>This is similar to how the navigation arrows work in the <a href="http://kenwheeler.github.io/slick/" rel="nofollow">slick</a> demonstrations.</p>
  
  <p>How can I make it so that when the user selects the button (which runs the code above), it will wait 5 seconds before executing?</p>