Heim > Web-Frontend > js-Tutorial > Ausführliche Erläuterung der Beispiele für event.target und Zeitberechnung

Ausführliche Erläuterung der Beispiele für event.target und Zeitberechnung

零下一度
Freigeben: 2017-06-29 09:23:05
Original
1979 Leute haben es durchsucht

(1) event.target

Beispiel: Der Inhalt verschwindet, wenn Sie außerhalb des Elements klicken, aber das Element selbst verschwindet nicht, wenn Sie darauf klicken

(2) Zeitberechnung

Die letzte Stunde wird in 'xx Minuten ausgedrückt. Letzte 'Ausgabe, mehr als die letzte Stunde, Ausgabe der entsprechenden Zeit

Vue.filter("time", function(value) {
   var time;
   var minutes = timeErrand(value);
   if(minutes){
      time = minutes+"分钟";
   }else {
      var s = new Date(value);
      time = formatDate(s);
   }
   return time;
});
Nach dem Login kopieren
function formatDate(now){
   var year = now.getFullYear(),
      month = now.getMonth() + 1 >= 10 ? now.getMonth() + 1 : '0' + (now.getMonth() + 1),
      date = now.getDate() >= 10 ? now.getDate() : '0' + now.getDate(),
      hour= now.getHours(),
      minute = now.getMinutes();
   return year + '.' + month + '.' + date; 
}
Nach dem Login kopieren
function timeErrand(value){
    var date1 =  value;  //开始时间
    var date2 = new Date();   //结束时间
    var date3 = date2.getTime() - new Date(date1).getTime();
    var days=Math.floor(date3/(24*3600*1000));
    var leave1=date3%(24*3600*1000);
    var hours=Math.floor(leave1/(3600*1000));
    var leave2=leave1%(3600*1000);
    var minutes=Math.floor(leave2/(60*1000));
    var leave3=leave2%(60*1000);
    var seconds = Math.round(leave3/1000);
    //console.log("相差 "+days+"天 "+hours+"小时 "+minutes+" 分钟"+seconds+" 秒");
    if(days==0 && hours == 0 && minutes <= 60){
        return minutes;
    }
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Beispiele für event.target und Zeitberechnung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage