Skip to content

Instantly share code, notes, and snippets.

@DewofyourYouth

DewofyourYouth/index.html

Last active October 29, 2018 15:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save DewofyourYouth/018be10254abf09e03c05867d4dac7a4 to your computer and use it in GitHub Desktop.
Save DewofyourYouth/018be10254abf09e03c05867d4dac7a4 to your computer and use it in GitHub Desktop.
Download ZIP
Time Calculator
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<input type="text" id="time">
<h1 id="display"></h1>
<script id="jsbin-javascript">
var time = document.getElementById('time');
time.addEventListener("keyup", timeCalc);
function timeCalc(){
if(time.value.length > 2){
var timeVal = time.value;
var timeArr = timeVal.split(':')
var minsToDec = parseInt(timeArr[1])/60;
var hrsToDec = parseInt(timeArr[0])
var inTime = minsToDec + hrsToDec;
var leavTime = inTime + 8.58;
var leavArr = leavTime.toString().split(".");
var decToMins = parseInt(leavArr[1]) * 60;
var dtmStr = decToMins.toString();
dtmStr = dtmStr.split("").slice(0, 2).join("");
var hours = leavArr[0];
var leavTmStr = hours + ":" + dtmStr;
document.getElementById('display').innerHTML = "In at " + timeVal + "<br>Out at " + leavTmStr;
}
}
</script>
<script id="jsbin-source-javascript" type="text/javascript">var time = document.getElementById('time');
time.addEventListener("keyup", timeCalc);
function timeCalc(){
if(time.value.length > 2){
var timeVal = time.value;
var timeArr = timeVal.split(':')
var minsToDec = parseInt(timeArr[1])/60;
var hrsToDec = parseInt(timeArr[0])
var inTime = minsToDec + hrsToDec;
var leavTime = inTime + 8.58;
var leavArr = leavTime.toString().split(".");
var decToMins = parseInt(leavArr[1]) * 60;
var dtmStr = decToMins.toString();
dtmStr = dtmStr.split("").slice(0, 2).join("");
var hours = leavArr[0];
var leavTmStr = hours + ":" + dtmStr;
document.getElementById('display').innerHTML = "In at " + timeVal + "<br>Out at " + leavTmStr;
}
}
</script></body>
</html>
Raw
jsbin.rexozix.js
var time = document.getElementById('time');
time.addEventListener("keyup", timeCalc);
function timeCalc(){
if(time.value.length > 2){
var timeVal = time.value;
var timeArr = timeVal.split(':')
var minsToDec = parseInt(timeArr[1])/60;
var hrsToDec = parseInt(timeArr[0])
var inTime = minsToDec + hrsToDec;
var leavTime = inTime + 8.58;
var leavArr = leavTime.toString().split(".");
var decToMins = parseInt(leavArr[1]) * 60;
var dtmStr = decToMins.toString();
dtmStr = dtmStr.split("").slice(0, 2).join("");
var hours = leavArr[0];
var leavTmStr = hours + ":" + dtmStr;
document.getElementById('display').innerHTML = "In at " + timeVal + "<br>Out at " + leavTmStr;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment