Scriptul orei locale

 Notă (22 noiembrie, 16 '): Script rescris pentru a utiliza biblioteca moment.js pentru construit în mod pentru a obține compensări de fus orar.

Descriere: Doriți să afișați ora locală curentă a unui anumit loc din lume? Acest JavaScript complet autonom vă permite să faceți acest lucru pentru orice loc de pe Pământ - introduceți șirul de fus orar dorit pentru a afișa ora (de exemplu: „America / Toronto”) și formatul datei și orei de ieșire. Folosește biblioteca moment.js pentru a prelua compensarea fusului orar corespunzător, care reprezintă și ora de vară pentru a afișa în mod consecvent ora țintă corectă.

În cele din urmă, acest script poate fi apelat de mai multe ori pe aceeași pagină pentru a afișa simultan orele locale din diferite locuri. Misto!

Demo:

Toronto: 04:43:21 AM (Vineri)

Paris: 10:43:21 AM (Vineri)

Vancouver, BC: 01:43:21 AM (Vineri)

Johannesburg: 10:43:21 AM (Vineri)

---

Directii: 

Pasul 1: introduceți scriptul de mai jos în secțiunea HEAD a paginii:

<script src="moment.min.js"></script>

<script src="moment-timezone-with-data.min.js"></script>

<script type="text/javascript">

/***********************************************

* Local Time script- By Dynamic Drive (http://www.dynamicdrive.com)

* Please keep this notice intact

* Visit http://www.dynamicdrive.com/ for this script and 100s more.

***********************************************/

function showLocalTime(container, zoneString, formatString){

var thisobj=this

this.container=document.getElementById(container)

this.localtime = moment.tz(new Date(), zoneString)

this.formatString = formatString

this.container.innerHTML = this.localtime.format( this.formatString )

setInterval(function(){thisobj.updateContainer()}, 1000) //update container every second

}

showLocalTime.prototype.updateContainer=function(){

this.localtime.second(this.localtime.seconds() + 1 )

this.container.innerHTML = this.localtime.format( this.formatString )

}

</script>

Iată o explicație a celor 3 parametri ai showLocalTime():

1. ContainerID (șir): ID-ul DIV sau al intervalului care va găzdui ora locală.
2. ID fus orar (șir): un șir valid de identificare a fusului orar pentru a specifica fusul orar al locației țintă pentru care doriți să afișați ora, cum ar fi „Asia / Jakarta”.
3. Format oră (șir): formatul datei și orei finale afișate. Introduceți „jetoanele” dorite așa cum este descris în secțiunea de formatare a datei Moment.js , cum ar fi:
   1. " ddd, hA": Soare, ora 02:00
   2. " hh:mm:ss A (ddd)": 02:22:54 AM (Duminică)
   3. " dddd, MMMM Do YYYY, h:mm:ss a": Duminică, 19 noiembrie 2016, ora 14:22:54

Si asta e! Indiferent de formatul final pe care l-ați ales, ora afișată va fi actualizată în fiecare secundă, live.

http://www.dynamicdrive.com/dynamicindex6/localtime.htm

Posted in: