当前位置:Gxlcms > JavaScript > event.target和时间计算实例详解

event.target和时间计算实例详解

时间:2021-07-01 10:21:17 帮助过:8人阅读

(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和时间计算实例详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行