title: clearTimeout when click anywhere in document
body: <p>I am using impress.js to make a presentation I have added autoplay successfully but now what i want is whenever someone click's anywhere on the document it should stop </p>
  
  <pre><code>&lt;script&gt;
              ready(function() {
              if (document.getElementById('launched-placeholder'))
              loadPresentation();
              if (!window.presStarted) {
              startPres(document, window);
                  var api = impress();
                  api.init();
                  $(document).on('impress:stepenter', function(e) {
          var currentSlide = $(e.target).attr('id');
  
          if (currentSlide === 'step-1') {
          setTimeout(api.next, 3000);
          } else if (currentSlide === 'step-2') {
          setTimeout(api.next, 50);
          } else if (currentSlide === 'step-3') {
          setTimeout(api.next, 50);
          } 
  &lt;/script&gt;
  </code></pre>
  
  <p>i have tried many things but couldnt get it to work. please help</p>