jquery implementiert eine globale Timer-Instanzfreigabe

In diesem Artikel wird hauptsächlich jquery zur Implementierung eines globalen Timers vorgestellt, der in Einkaufszentren verwendet werden kann.

Das Beispiel in diesem Artikel zeigt Ihnen den globalen JQuery-Timer, der in Einkaufszentren als Referenz verwendet werden kann. Der spezifische Inhalt lautet wie folgt:

Implementierungsideen

Traverse Fügen Sie für alle zu timenden Elemente eine setInterval-Timing-Funktion hinzu, um Aktualisierungs-Timing-Vorgänge alle X Sekunden durchzuführen (in der Mitte können sich Formatierungszeit-Vorgänge befinden).

Code-Implementierung

ps: JQ-Elemente werden in DOM-Elemente konvertiert, wenn der Wert über arr[i] erhalten wird. Verwenden Sie $(arr[i]), um zwischen dom-Elementen und JQ zu konvertieren

Alle Elemente abrufen, die zeitlich festgelegt werden sollen

var arrList =$(".stime");
setInterval(function(){
 //遍历数组
 for(var i = 0,l = arrList.length; i<l ;i++ ){
  var elem = arrList[i];
  //格式化时间插入HTML文档
  $(elem).html(DateDiff( new Date(), new Date($(elem).attr("time") ), elem ));
 }
},1000);

Berechnen Sie die Zeitfunktion, die umgekehrt oder korrigiert werden kann

ps: Wenn es sich um die vom Java-Hintergrund verstrichene Zeit handelt , achten Sie auf das Zeitformat, das hier durchgeführt wurde Verarbeitung (ist eine Falle);

/*DateDiff 处理*/
function DateDiff(t1, t2, elem){
 //GTM CST 时间相差14小时 
 var diff = t1.setHours(t1.getHours()+14) - Date.parse(t2);
 //超过一天显示warning色
 if(diff>(1000*60*60*24)){
  $(elem).css({color:"rgb(247, 186, 42)"});
 }
 return ShowTime(diff);
}

Verarbeitungsfunktion anzeigen, Sie können die Genauigkeit auswählen

Keine Notwendigkeit, kommentieren Sie es einfach out

/*fuc 计时显示处理*/
function ShowTime(ms){
 var obj = {
  "天" : 1000*60*60*24,
  "时" : 1000*60*60,
  "分" : 1000*60
  /*
  "秒" : 1000
  */
 };
 var tmp = ms;
 var str = "";
 for( var i in obj ){
  //向下取整 1.5天 => 1天
  s = Math.floor( tmp / obj[i] );
  tmp = tmp % obj[i];
  str += s+i;
 }
 return str;
}

Verwandte Empfehlungen:

Implementierung der jQuery-Timer-Funktion und Countdown-Funktion

JavaScript-Methode zur Countdown-Timer-Implementierung für Minuten und Sekunden

Implementierung eines Javascript-Timers

Das obige ist der detaillierte Inhalt vonjquery implementiert eine globale Timer-Instanzfreigabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!