玖叶教程网

运行效果图：

运行效果图

JavaScript核心代码：

<script>

function gettime() {

var date = Date.parse(new Date());

$('#time').val(date);

}

function change() {

var value = getDateDiff($('#time').val());

$('#timedisplay').text(value);

}

function getDateDiff(dateTimeStamp) {

var minute = 1000 * 60;

var hour = minute * 60;

var day = hour * 24;

var halfamonth = day * 15;

var month = day * 30;

var now = new Date().getTime();

var diffValue = now - dateTimeStamp;

if(diffValue < 0) {

return;

}

var monthC = diffValue / month;

var weekC = diffValue / (7 * day);

var dayC = diffValue / day;

var hourC = diffValue / hour;

var minC = diffValue / minute;

if(monthC >= 1) {

result = "" + parseInt(monthC) + "个月前";

} else if(weekC >= 1) {

result = "" + parseInt(weekC) + "周前";

} else if(dayC >= 1) {

result = "" + parseInt(dayC) + "天前";

} else if(hourC >= 1) {

result = "" + parseInt(hourC) + "小时前";

} else if(minC >= 1) {

result = "" + parseInt(minC) + "分钟前";

} else

result = "刚刚";

return result;

}

</script>

HTML代码：

<label>输入一个时间戳：</label>

<input id="time" placeholder="输入时间戳">

<button onclick="gettime()">获取当前</button>

<button onclick="change()">转换</button>

<label id="timedisplay"></label>