DynTylluan
/
14jammar.neocities.org-updated
mirror of https://github.com/DynTylluan/14jammar.neocities.org-updated


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
							<link rel="icon" type="image/png" href="img/14.png" />
<!DOCTYPE html>
<html>
<head>
<body style="background-image:url(img/wall.gif)">
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>Pay Timer</title>
	<style type="text/css" media="screen">
		h1 {font-family:'Georgia';margin-top:4px;}
		p {font-family:helvetica;font-size:20px;font-weight:lighter;margin:0 0 12px 0;}
	</style>
</head>
<body>
	<h1>Watch That Money Roll In</h1>
	<table border="0" cellspacing="5" cellpadding="0">
		<tr>
			<td>
				<p>Current Time:</p>
			</td>
			<td align="right">
				<p><span id="time"></span></p>
			</td>
		</tr>
		<tr>
			<td>
				<p>Time Passed:</p>
			</td>
			<td align="right">
				<p><span id="timer"></span></p>
			</td>
		</tr>
		<tr>
			<td>
				<p>Money Earned:</p>
			</td>
			<td align="right">
				<p><span id="pay"></span></p>
			</td>
		</tr>
		<tr>
			<td>
				<p>
					<label for="wage">Wage</label>
				</p>
			</td>
			<td align="right">
				<p>
					<input type="number" name="wage" value="0" id="wage" />
				</p>
			</td>
		</tr>
	</table>
	<p>
		<button id="start_timer" onclick="start_timer();">Reset Timer</button>
	</p>
	<script type="text/javascript" charset="utf-8">
		var start, timer_id;
		
		// Start it up
		start_timer();
			
		function start_timer() {
			start = new Date();
			timer();	
			if (timer_id) {
				clearInterval(timer_id);
			}
			timer_id = setInterval(function(){timer()},500);
		}
		
		function leadingZero(num) {
			(String(num).length < 2) ? num = String("0" + num) :  num = String(num);
			return num;
		}
		
		function timer() {
			var wage = document.getElementById('wage').value;
			var now = new Date();
			// Change in seconds
			var change = (now-start)/1000;
			
			var hours = leadingZero(parseInt( change / 3600 ) % 24);
			var minutes = leadingZero(parseInt( change / 60 ) % 60);
			var seconds = leadingZero((change % 60).toFixed(0));
			var formatted_time = now.toLocaleTimeString();
			document.getElementById('time').innerHTML = formatted_time;
			document.getElementById('timer').innerHTML = hours+':'+minutes+':'+seconds;
			document.getElementById('pay').innerHTML = '$'+((change)*wage/60/60).toFixed(2);
		}
	</script>
<P><img src="img/rvcZl00.png?1">
<tt><P><font size="3"> "Pay Timer" was made by <a href="https://github.com/grimmdude">Garrett Grimm</a> for the website <a href="http://grimmdude.neocities.org/">grimmdude.neocities.org
</body>
</html>