首页 > web前端 > js教程 > 正文

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

零下一度
发布: 2017-06-29 09:23:05
原创
1954 人浏览过

(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中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板