functional > imperative

5 years ago · 65ea0bf209
parent d49af06758
commit 65ea0bf209
1 changed files with 14 additions and 60 deletions
--- a/index.html
+++ b/index.html
@ -18,68 +18,22 @@
 </head>
 <body>
 	<div>
-		T &dash; <input type="text" id="time" size="11" placeholder="hh : mm : ss">
+		T &dash; <input type="text" id="time" size="12" placeholder="hh : mm : ss">
 	</div>	
 	<script>
-		var input = document.getElementById('time');
+		((t = document.querySelector("#time"), on = false, tmr = undefined) =>
-		var submit = document.getElementById('submit');
+			t.addEventListener(
-		var seconds = 0;
+				"keyup",
-		var interval; // variable holding setInterval
+				(e, s = t.value.split(':').reduce((a, x) => (60 * a) + +x)) => e.keyCode == 13 && !on
-
+					? (
-		input.addEventListener("keyup", function(event) {
+						on = true,
-			if (event.keyCode === 13) {
+						tmr = setInterval(() => s == 0
-				event.preventDefault();
+							? (on = false, clearInterval(tmr), t.value = "")
-				if (!getTime(input)) {
+							: t.value = (new Date(s-- * 1000)).toISOString().substr(11, 8).replace(/:/g, ' : '), 1000)
-					input.blur();
+					)
-					startCounter();
+					: 0
-				}
+			)
-			}
+		)()
 		});
 		function getTime(input){
 			var hms = input.value;
 			var t = hms.split(':');
 			if (t.length == 3) {
 				seconds = (+t[0]) * 60 * 60 + (+t[1]) * 60 + (+t[2]);
 			} else {
 				seconds = (+t[0]) * 60 + (+t[1]);
 			}
 			if (isNaN(seconds)) {
 				console.log('input is NaN');
 				return 1;
 			}
 			console.log('time set to '+seconds+' seconds');
 			return 0;
 		}
 		function setPageTime(){
 			var h = Math.floor(seconds / 3600);
 			var m = Math.floor((seconds % 3600) / 60);
 			var s = seconds % 60;
 			var strtime = h+' : '+m+' : '+s;
 			console.log(strtime);
 			input.value = strtime;
 		}
 		function startCounter(){
 			console.log('counting down');
 			interval = window.setInterval(countdown, 1000);
 		}
 		function stopCounter(){
 			clearInterval(interval);
 		}
 		function countdown(){
 			seconds = seconds - 1;
 			setPageTime();
 			if (seconds == 0) {
 				stopCounter();
 				console.log('timer at 0');
 			}
 		}
 	</script>
 </body>
 </html>