I'd like to display a string with location, date & time (of a pre-set timezone)

Question

What I'd like to achieve should look like this in the bottom corner. However, I'd like to set a timezone, e.g. New York (that's not a timezone I know lol, but you understand) and it should display 'New York April 1st 05:42'.

Please avoid asking multiple questions in one post. Also, you should make **some** attempt at writing your own code. StackOverflow is not a free code writing service. — RobG, Apr 01 '19 at 10:13
@RobG I'm 17 and have 0 experience with Javascript. I know Stackoverflow is not a free code writing service but I can't just learn it in a day and I'd like to have it for school. I was hoping there'd be someone nice to help me out. — mxainz, Apr 01 '19 at 10:24
@mxainz You can use moment.js as Nicolae mentioned to set timezones otherwise I dont think you can set timezone in plain javascript Date object — Andam, Apr 01 '19 at 13:22

Andam · Answer 1 · 2019-04-01T10:06:22.690

1

Use this

const monthNames = ["January", "February", "March", "April", "May", "June",
  "July", "August", "September", "October", "November", "December"
];

setInterval(function(){ 
    var now = new Date();
    var time = monthNames[now.getMonth()] + " " + now.getDate() + ", " + now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();
    document.getElementById("currentTime").innerHTML = time; 
  }, 1000);
  
document.getElementById("name").innerHTML = Intl.DateTimeFormat().resolvedOptions().timeZone + ", ";

<p id="time"><span id="name"></span> <span id="currentTime"></span></p>

edited Apr 01 '19 at 10:06

answered Apr 01 '19 at 09:53

Andam

2,087
1
8
21

@PrasadTelkikar What does he mean? – Andam Apr 01 '19 at 10:00
@PrasadTelkikar np thank you as well – Andam Apr 01 '19 at 10:04
That's almost what I want! Now it is displaying the timezone I am in, but I'd like it to always display GMT+5 – mxainz Apr 01 '19 at 10:26
@mxainz I dont think you can do this using javascript – Andam Apr 01 '19 at 10:47

Hiteshdua1 · Answer 2 · 2019-04-01T11:20:58.293

1

// get a new date (locale machine date time)
var date = new Date();

// First converting to UTC and then adding +360 to make it +5 GMT 
const millisecondsOffset = ((date.getTimezoneOffset() + 360 ) * 60 * 1000);
date.setTime(date.getTime() - millisecondsOffset);

// get the date as a string
var n = date.toDateString();
// get the time as a string
var time = date.toLocaleTimeString();

// find the html element with the id of time
// set the innerHTML of that element to the date a space the time
document.getElementById('time').innerHTML = 'Islamabad, Karachi'+ ' ' + n + ' ' + time;

<div id='time'></div>

edited Apr 01 '19 at 11:20

answered Apr 01 '19 at 10:04

Hiteshdua1

2,126
18
29

That's almost what I want! Now it is displaying the timezone I am in, but I'd like it to always display GMT+5 – mxainz Apr 01 '19 at 10:26
1

Updated, You can hard code the timezone string and I have adjusted the time accordingly. – Hiteshdua1 Apr 01 '19 at 11:14
1

this is amazing, thank you so much!!!!! – mxainz Apr 01 '19 at 12:49
1

You are correct if he want a specific timezone he can just write it down. Good one. – Andam Apr 01 '19 at 13:23
@mxainz If this solved you problem, you mark it as an accepted answer, by clicking on the tick arrow below the answer. :) – Hiteshdua1 Apr 01 '19 at 14:31

I'd like to display a string with location, date & time (of a pre-set timezone)

2 Answers2