event.target 및 시간 계산 예시에 대한 자세한 설명

(1) event.target

예: 요소 외부를 클릭하면 내용이 사라지지만, 클릭한 요소 자체는 사라지지 않습니다

(2) 시간 계산

지난 시간은 'xx분 전'으로 출력됩니다. 지난 시간을 초과하면 해당 시간이 출력됩니다.

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

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

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

위 내용은 event.target 및 시간 계산 예시에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!