Upload local files

5 years ago · ff68f8fb28
commit ff68f8fb28
1 changed files with 83 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>TIMER</title>
+	<style>
+		body {
+			display:flex; align-items:center; justify-content:center;
+			min-height:100vh; margin:0;
+			font-size:3em; font-family:monospace;
+		}
+		input {
+			 padding:0; border:0; outline:none; background:none;
+			 font-size:inherit; font-family:monospace; width:8em;
+		}
+	</style>
+</head>
+<body>
+	<div>
+		T &dash; <input type="text" id="time" placeholder="hh : mm : ss">
+	</div>	
+	<script>
+		var input = document.getElementById('time');
+		var submit = document.getElementById('submit');
+		var seconds = 0;
+		var interval; // varibale holding setInterval
+
+		input.addEventListener("keyup", function(event) {
+			if (event.keyCode === 13) {
+				event.preventDefault();
+				if (!getTime(input)) {
+					startCounter();
+				}
+			}
+		});
+
+		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>