From 3c3be38fb6b85016e3e9aed973955688835a26dd Mon Sep 17 00:00:00 2001
From: Jules <jules@asdf.us>
Date: Mon, 20 Apr 2015 00:42:17 -0400
Subject: timer button

---
 webcam.html | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

(limited to 'webcam.html')

diff --git a/webcam.html b/webcam.html
index 4d352d8..bf528d2 100644
--- a/webcam.html
+++ b/webcam.html
@@ -33,6 +33,7 @@ label { min-width: 70px; display: inline-block; }
   <br>
   <input type="text" id="text_style">
   <button id="save_el">SAVE</button>
+  <button id="timer_el">TIMER</button>
 </body>
 
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
@@ -100,12 +101,13 @@ listen(sat_el, window, "sat")
 listen(lum_el, window, "lum")
 listen(quant_el, window, "quant")
 
-save_el.addEventListener('click', function(){
+save_el.addEventListener('click', save)
+function save (){
   MircColor.fromCanvas(camera, saveText, { width: width, ratio: ratio, neighbor: nn })
   function saveText(rows) {
     text_style.value = MircColor.ascii(rows)
   }
-})
+}
 nn_el.addEventListener('change', function(){
   nn = $(nn_el).prop('checked')
 })
@@ -148,6 +150,18 @@ function toCanvas(rows){
   image_style.innerHTML = ""
   image_style.appendChild(canvas)
 }
-
+timer_el.addEventListener("click", function(){
+  var secs = 5;
+  (function step (){
+    if (secs > 0) {
+      timer_el.innerHTML = secs--
+      setTimeout(step, 1000)
+    }
+    else {
+      timer_el.innerHTML = "TIMER"
+      save()
+    }
+  })()
+})
 </script>
 
-- 
cgit v1.2.3-70-g09d2