js实现网站上内容发布时间为1分钟前、1个小时前的效果

网站上的内容发布时间不想那么死板，想显示几分钟前，几个小时前，1个月前这样的效果。今天来说说怎么样实现，具体看下面的代码。

//这里需要把你网站上输出的时间格式设置为时间戳格式，具体不同系统方法不一样，自己根据程序去调用

<span id="time">{$updatetime}</span> 



//js代码部分，上面的步骤完成后，直接复制下面的js到页面底部

<script>
$(document).ready(function()
{ 
var str = ""; 
var timestamp = 0; 
var pass = 0;  
str = $("#time").text(); 
timestamp = (new Date()).valueOf(); 
pass = (timestamp - str) / 1000;  
$("#time").text(pass); 
if (pass < 60) {  
$("#time").text(pass + "秒前"); 
} 
else
{  
if (pass < (60 * 60)) 
{  
pass = Math.floor(pass / 60);  
$("#time").text(pass + "分钟前");  
}
else
{  
if (pass < (60 * 60 * 72))
{   
pass = Math.floor(pass / 60 / 60);   
$("#time").text(pass + "小时前");   
} 
else
{   
if (pass >= (60 * 60 * 72) )
{    
pass = Math.floor(pass / 60 / 60 / 24);   
$("#time").text(pass + "天前");   
}  
}  
} 
} 
});
</script>

根据上面的代码设置就完成了，效果如上图所示，具体去试试吧。