This commit is contained in:
Adrian Hinz 2016-10-12 15:59:34 +02:00
parent dc0f770fe5
commit ea1b520636
1 changed files with 100 additions and 0 deletions

100
conv.html Normal file
View File

@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Adrian Hinz">
<title>FireStorm Converter</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/one-page-wonder.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Content -->
<div style="padding-left:15px; padding-right:15px;">
<div class="well">
<div class="row">
<div class="col-md-12">
<h2>Converter</h2>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="well">
<form class="form-inline">
<div class="form-group">
<label for="time_input">Timestamp lub data w formacie 'YYYY-MM-DD H:M:S'</label>
<input type="text" class="form-control" id="time_input" placeholder="YYYY-MM-DD H:M:S">
</div>
<button class="btn btn-info" onClick="return convert_time();">Przelicz</button>
</form>
<span id="time_conv"></span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function isNormalInteger(str) {
var n = ~~Number(str);
return String(n) === str && n >= 0;
}
function convert_time() {
var inpt = document.getElementById('time_input').value;
if (isNormalInteger(inpt)) {
var d = new Date(parseInt(inpt) * 1000);
document.getElementById('time_conv').innerHTML = d;
}
return false;
}
convert_time();
</script>
<hr class="featurette-divider">
<!-- Footer -->
<footer>
<div class="row">
<div class="col-lg-12">
<p>Copyright &copy; <span class="fire_cl shadow_small">Fire</span><span class="storm_cl shadow_small">Storm</span> <span id="year">2013</span></p>
</div>
</div>
</footer>
<script type="text/javascript">
var nd = new Date().getFullYear();
document.getElementById("year").innerHTML = nd;
</script>
</div>
<!-- /.container -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>