clock
This commit is contained in:
parent
3e674b5a13
commit
f14584dfd1
|
@ -0,0 +1,81 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<title>Time</title>
|
||||
<style>
|
||||
.timezone {
|
||||
font-weight: bold;
|
||||
}
|
||||
.times {
|
||||
font-weight: bold;
|
||||
}
|
||||
.location {
|
||||
color: mediumpurple;
|
||||
}
|
||||
.location .info {
|
||||
color: black;
|
||||
}
|
||||
body {
|
||||
padding: 20px;
|
||||
}
|
||||
.content {
|
||||
max-width: 500px;
|
||||
margin-left: 100px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
</style>
|
||||
<script src="jquery.js"></script>
|
||||
<script src="moment.js"></script>
|
||||
<script src="moment-timezone-with-data.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="content">
|
||||
<div class="timezone">
|
||||
current times and timezones
|
||||
</div>
|
||||
<br/>
|
||||
<div class="location">berlin
|
||||
<div class="info"><span class="berlin-time"></span>, utc<span class="berlin-offset"></span></div>
|
||||
</div>
|
||||
<br/>
|
||||
<div class="location">rhode island
|
||||
<div class="info">
|
||||
<span class="ri-time"></span>, utc<span class="ri-offset"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br/> <br/> <br/>
|
||||
|
||||
</body>
|
||||
<script>
|
||||
|
||||
var berlin_zone = 'Germany/Berlin';
|
||||
var ny_zone = 'US/Eastern';
|
||||
function getOffset(zone) {
|
||||
var z = moment().tz(zone);
|
||||
var offset = z.utcOffset() / 60.0;
|
||||
if (offset >= 0) {
|
||||
return ('+' + offset);
|
||||
}
|
||||
else {
|
||||
return (offset);
|
||||
}
|
||||
}
|
||||
|
||||
function getTime(zone) {
|
||||
var time = moment.tz(moment(), zone).format('H:mm A');
|
||||
return time;
|
||||
}
|
||||
|
||||
var berlinOffset = getOffset(berlin_zone);
|
||||
var berlinTime = getTime(berlin_zone);
|
||||
var nyOffset = getOffset(ny_zone);
|
||||
var nyTime = getTime(ny_zone);
|
||||
|
||||
$('.berlin-offset').html(berlinOffset);
|
||||
$('.berlin-time').html(berlinTime);
|
||||
$('.ri-offset').html(nyOffset);
|
||||
$('.ri-time').html(nyTime);
|
||||
|
||||
</script>
|
||||
</html>
|
||||
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue