Time and Date: How to set a specific time zone

Need to make date and time Time Zone: (UTC +02:00 Cairo) with format dd/mm/yyyy for synchronization my desktop application.

<div class="container">
   <p id="date"></p>
   <p id="time"></p>
   <p id="text">(UTC +02:00 Cairo)</p>
* {
  box-sizing: border-box;

body {
  color: black;
  background-color: white;
  font-family: 'Share Tech Mono', monospace;

p {
  margin: 0 auto;
  padding: 0 auto;

.container {
  text-align: center;
  margin-top: 10em;

#time {
  letter-spacing: 0.05em;
  font-size: 80px;
  padding: 5px 0;

#date {
  letter-spacing: 0.1em;
  font-size: 24px;

#shroomsberry {
  font-size: 12px;
  padding: 20px 0 0;
  letter-spacing: 0.1em;
  text-transform: uppercase;

can you explain this a bit?
Do you mean when you change the time on your machine?
And do you mean that you want the browser to return some other date and time?

i want to pin date and time to this timezone UTC +20:00 Cairo, when user change time on machine, need to make the sync from pin something not from the local machine

The only way I know how (sorry I am not experienced with this topic) is to get the date and time from a server that is already in the required time zone. (Because otherwise you only have the local time and date on the person’s client machine)

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.