jquery implémente un partage d'instance de minuterie global

Cet article présente principalement jquery pour implémenter une minuterie globale, qui peut être utilisée dans les centres commerciaux. J'espère que cela pourra aider tout le monde.

L'exemple de cet article partage avec vous la minuterie globale jquery qui peut être utilisée dans les centres commerciaux pour votre référence. Le contenu spécifique est le suivant

Idées de mise en œuvre

Traverse. tous les éléments à chronométrer, ajoutez une fonction de synchronisation setInterval pour effectuer des opérations de synchronisation de mise à jour toutes les X secondes (il peut y avoir des opérations de formatage du temps au milieu).

Implémentation du code

ps : les éléments JQ seront convertis en éléments DOM lorsque la valeur est obtenue via arr[i]. Utilisez $(arr[i]) pour convertir entre les éléments dom et JQ.

Obtenez que tous les éléments soient chronométrés

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);

Calculez la fonction de temps, qui peut être inversée ou corrigée

ps : Si c'est le temps passé depuis l'arrière-plan Java , faites attention au format de l'heure, qui a été fait ici Traitement (c'est un piège

/*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);
}

Fonction de traitement d'affichage, vous pouvez choisir la précision

Pas besoin, il suffit de le commenter) ; 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;
}

Recommandations associées :

Implémentation de la fonction de minuterie jQuery et de la fonction de compte à rebours

Méthode d'implémentation du compte à rebours JavaScript des minutes et des secondes

Implémentation du timer javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!