title: HTML5 save Canvas image every few seconds
body: <p>How can I save every few seconds a canvas Image to a Folder.
  ­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­</p>
  
  <p>I have a Basic canvas drawing function and a download function to save the image like this:</p>
  
  <pre><code>&lt;canvas&gt;&lt;/canvas&gt;
  
  var link = document.createElement('a');
      link.innerHTML = 'download image';
  link.addEventListener('click', function(ev) {
      link.href = canvas.toDataURL();
      link.download = "mypainting.png";
  }, false);
  document.body.appendChild(link);
  </code></pre>
  
  <p>I want to implemente a button named start / stop.</p>
  
  <p>If the user clicks on that button I want to save every second the canvas Image.</p>
  
  <p>Every Image shall be saved as a new file.</p>
  
  <p>How would this be possible?
  Is it even possible?</p>