82 lines
1.8 KiB
HTML
82 lines
1.8 KiB
HTML
<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>
|
|
|