I need to display a worldclock (Time from some contries) using Javascript and retrieving a list from Sharepoint. My code is not working could someone help me please. thanks There’s my code.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <div id="divListItems"></div>  <script language="JavaScript">  $  (function () {             ExecuteOrDelayUntilScriptLoaded(retrieveListItems, "sp.js");         });  function retrieveListItems() {      var clientContext = new SP.ClientContext.get_current();     var oList = clientContext.get_web().get_lists().getByTitle('Horloge');     var camlQuery = new SP.CamlQuery();     this.collListItem = oList.getItems(camlQuery);     clientContext.load(collListItem);     clientContext.executeQueryAsync(     Function.createDelegate(this, this.onQuerySucceeded),     Function.createDelegate(this, this.onQueryFailed)     ); }        <!-- function worldClock(zone, region){ var dst = 0 var time = new Date() var gmtMS = time.getTime() + (time.getTimezoneOffset() * 60000) var gmtTime = new Date(gmtMS) var day = gmtTime.getDate() var month = gmtTime.getMonth() var year = gmtTime.getYear() if(year < 1000){ year += 1900 } var monthArray = new Array("January", "February", "March", "April", "May", "June", "July", "August",                  "September", "October", "November", "December") var monthDays = new Array("31", "28", "31", "30", "31", "30", "31", "31", "30", "31", "30", "31") if (year%4 == 0){ monthDays = new Array("31", "29", "31", "30", "31", "30", "31", "31", "30", "31", "30", "31") } if(year%100 == 0 && year%400 != 0){ monthDays = new Array("31", "28", "31", "30", "31", "30", "31", "31", "30", "31", "30", "31") }  var hr = gmtTime.getHours() + zone var min = gmtTime.getMinutes() var sec = gmtTime.getSeconds()  if (hr >= 24){ hr = hr-24 day -= -1 } if (hr < 0){ hr -= -24 day -= 1 } if (hr < 10){ hr = " " + hr } if (min < 10){ min = "0" + min } if (sec < 10){ sec = "0" + sec } if (day <= 0){ if (month == 0){     month = 11     year -= 1     }     else{     month = month -1     } day = monthDays[month] } if(day > monthDays[month]){     day = 1     if(month == 11){     month = 0     year -= -1     }     else{     month -= -1     } }    if (dst == 1){     hr -= -1     if (hr >= 24){     hr = hr-24     day -= -1     }     if (hr < 10){     hr = " " + hr     }     if(day > monthDays[month]){     day = 1     if(month == 11){     month = 0     year -= -1     }     else{     month -= -1     }     } return monthArray[month] + " " + day + ", " + year + "<br>" + hr + ":" + min + ":" + sec + " DST" } else{ return monthArray[month] + " " + day + ", " + year + "<br>" + hr + ":" + min + ":" + sec } }  function onQuerySucceeded(sender, args) {      var t = new Array();     var oListItem;     var listItemInfo="";     var listItemEnumerator = collListItem.getEnumerator();     while (listItemEnumerator.moveNext()) {         oListItem = listItemEnumerator.get_current();         listItemInfo +=         ' <strong>City:</strong> ' + oListItem.get_item('City') +         ' <strong>Zone:</strong> ' + oListItem.get_item('Zone') +         ' <strong>TimeZone:</strong> ' + oListItem.get_item('TimeZone') +         '<br />';         t.push([oListItem.get_item,oListItem.get_item('Zone'),oListItem.get_item('TimeZone')]);     }     $  ("#divListItems").html(listItemInfo);     for (i = 0; i < t.length; i++) {         //marker = new google.maps.Marker({             //position: new google.maps.LatLng(t[i][1], t[i][2]),            // map: map           worldclockZone( document.getElementById(" oListItem.get_item('City')").innerHTML=worldClock(t[i][1],t[i][2]))         });  window.onload=worldClockZone;  //--> </script 

>