微件:TimeDiff - 版本历史

Salt lovely：添加简化输出模式

2022-10-04T11:02:12Z

添加简化输出模式

←上一版本		2022年10月4日 (二) 19:02的版本
第16行：		第16行：
	//! 更复杂的显示请额外加上 complex ——可以用CSS修改渲染样式		//! 更复杂的显示请额外加上 complex ——可以用CSS修改渲染样式
	//! 如果时间是UTC请额外加上 utc		//! 如果时间是UTC请额外加上 utc
			//! 简化输出请额外加上 simple
	//! ">{起始时间}SPLIT{结束时间}SPLIT{指令（d-天，h-小时，m-分钟，s-秒，M-毫秒）}</span>		//! ">{起始时间}SPLIT{结束时间}SPLIT{指令（d-天，h-小时，m-分钟，s-秒，M-毫秒）}</span>
	var UTCOffset = new Date().getTimezoneOffset() * 60 * 1e3;		var UTCOffset = new Date().getTimezoneOffset() * 60 * 1e3;
第52行：		第53行：
	t2,		t2,
	cmd = "d",		cmd = "d",
	cpx = false		cpx = false,
			simple = false
	}) {		}) {
	const _ms = t1.valueOf() - t2.valueOf();		const _ms = t1.valueOf() - t2.valueOf();
第68行：		第70行：
	}		}
	ms = d2.getTime() - d1.getTime();		ms = d2.getTime() - d1.getTime();
	diff.year = years;		if (!simple \|\| years)
			diff.year = years;
	}		}
	if (cmd.indexOf("o") != -1) {		if (cmd.indexOf("o") != -1) {
第87行：		第90行：
	}		}
	ms = d2.getTime() - d1.getTime();		ms = d2.getTime() - d1.getTime();
	diff.month = years * 12 + months;		if (!simple \|\| months \|\| "year" in diff)
			diff.month = years * 12 + months;
	}		}
	if (cmd.indexOf("d") != -1) {		if (cmd.indexOf("d") != -1) {
	let days = Math.floor(ms / (24 * 3600 * 1e3));		let days = Math.floor(ms / (24 * 3600 * 1e3));
	ms = ms % (24 * 3600 * 1e3);		ms = ms % (24 * 3600 * 1e3);
	diff.day = days;		if (!simple \|\| days \|\| "year" in diff \|\| "month" in diff)
			diff.day = days;
	}		}
	if (cmd.indexOf("h") != -1) {		if (cmd.indexOf("h") != -1) {
	let hours = Math.floor(ms / (3600 * 1e3));		let hours = Math.floor(ms / (3600 * 1e3));
	ms = ms % (3600 * 1e3);		ms = ms % (3600 * 1e3);
	diff.hour = hours;		if (!simple \|\| hours \|\| "day" in diff)
			diff.hour = hours;
	}		}
	if (cmd.indexOf("m") != -1) {		if (cmd.indexOf("m") != -1) {
	let minutes = Math.floor(ms / (60 * 1e3));		let minutes = Math.floor(ms / (60 * 1e3));
	ms = ms % (60 * 1e3);		ms = ms % (60 * 1e3);
	diff.minute = minutes;		if (!simple \|\| minutes \|\| "hour" in diff)
			diff.minute = minutes;
	}		}
	if (cmd.indexOf("s") != -1) {		if (cmd.indexOf("s") != -1) {
	let seconds = Math.floor(ms / 1e3);		let seconds = Math.floor(ms / 1e3);
	ms = ms % 1e3;		ms = ms % 1e3;
	diff.second = seconds;		if (!simple \|\| seconds \|\| "minute" in diff)
			diff.second = seconds;
	}		}
	if (cmd.indexOf("M") != -1 \|\| ms === Math.abs(_ms)) {		if (cmd.indexOf("M") != -1 \|\| ms === Math.abs(_ms)) {
第145行：		第153行：
	cmd = txt[2].replace(/年份?/, "y").replace(/月份?/, "o").replace(/[天日]/, "d").replace(/小?时/, "h").replace(/分钟?/, "m").replace("毫秒", "M").replace("秒", "s");		cmd = txt[2].replace(/年份?/, "y").replace(/月份?/, "o").replace(/[天日]/, "d").replace(/小?时/, "h").replace(/分钟?/, "m").replace("毫秒", "M").replace("秒", "s");
	}		}
	~~const cpx = el.classList.contains("complex");~~
	~~const t = timeDiff({ t1, t2, cmd, cpx });~~
	~~if (!cpx)~~
	~~el.textContent = t;~~
	~~else~~
	~~el.innerHTML = t;~~
	el.classList.remove("salt-time-diff");		el.classList.remove("salt-time-diff");
	el.classList.add("salt-time-diff-done");		el.classList.add("salt-time-diff-done");
第156行：		第158行：
	el.setAttribute(startAttr, t1.toString());		el.setAttribute(startAttr, t1.toString());
	el.setAttribute(endAttr, t2.toString());		el.setAttribute(endAttr, t2.toString());
			handleElement(el);
			}
			}
			function handleElement(el) {
			const t1 = getDate(el.getAttribute(startAttr));
			const t2 = getDate();
			const cmd = el.getAttribute(cmdAttr) \|\| "d";
			const simple = el.classList.contains("simple");
			const cpx = el.classList.contains("complex");
			const t = timeDiff({ t1, t2, cmd, cpx, simple });
			if (!cpx) {
			if (el.textContent != t)
			el.textContent = t;
			} else {
			if (el.innerHTML != t)
			el.innerHTML = t;
	}		}
	}		}
第167行：		第185行：
	const update = () => {		const update = () => {
	for (let i = 0; i < elems.length; i++) {		for (let i = 0; i < elems.length; i++) {
	~~setTimeout~~(~~() => {~~		handleElement(elems[i]);
	~~const el =~~ elems[i];
	~~const t1 = getDate(el.getAttribute(startAttr));~~
	~~const t2 = getDate();~~
	~~const cmd = el.getAttribute(cmdAttr) \|\| "d";~~
	~~const cpx = el.classList.contains("complex");~~
	~~const t = timeDiff({ t1, t2, cmd, cpx });~~
	~~if (!cpx) {~~
	~~if (el.textContent != t)~~
	~~el.textContent = t;~~
	~~} else {~~
	~~if (el.innerHTML != t)~~
	~~el.innerHTML = t;~~
	}
	~~}, 0~~);
	}		}
	};		};
第195行：		第199行：
	});		});
	})();		})();

	</script></includeonly><noinclude>请使用模板{{tl\|时间差}}。		</script></includeonly><noinclude>请使用模板{{tl\|时间差}}。

	原微件搬运自[https://wiki.biligame.com/mcplayer/Widget:TimeDiff 我的世界玩家社区Wiki]，原作者：Salt_lovely（原作者即搬运者）。</noinclude>		原微件搬运自[https://wiki.biligame.com/mcplayer/Widget:TimeDiff 我的世界玩家社区Wiki]，原作者：Salt_lovely（原作者即搬运者）。</noinclude>

Salt lovely：添加了年份、月份计算，支持 UTC 时间戳 // 维基盐编辑器

2022-10-04T10:41:26Z

添加了年份、月份计算，支持 UTC 时间戳 // 维基盐编辑器

显示更改

Salt lovely：重构 salt-time-diff

2022-10-04T08:19:28Z

重构 salt-time-diff

显示更改

Salt lovely：模板搬运

2021-02-14T14:13:29Z

模板搬运

新页面

<includeonly><script>
// time: 2020-10-29
// author: Salt_lovely
// func: 计算时间差，格式
if (typeof saltTimeDiffMark_noConflictSign == 'undefined') { var saltTimeDiffMark_noConflictSign = false } // 如果一个页面中有多个此脚本，则不启用
window.addEventListener('load', () => {
'use strict';
if (saltTimeDiffMark_noConflictSign) { return } else { saltTimeDiffMark_noConflictSign = true } // 如果一个页面中有多个此脚本，则不启用
timediffHandle() // 开始计算
timediffRealtime() // 实时更新
// 函数部分
function timediffHandle() {
var elems = document.querySelectorAll('.salt-time-diff')
for (let i = 0; i < elems.length; i++) {
var el = elems[i]
// txt: [0]起始时间 [1]结束时间，默认为当前时间 [2]
var txt = el.textContent.replace(/[年月日]/g, '/').replace(/[；：]/g, ':').split('SPLIT')
var time1 = new Date(txt[0]), time2, time3, outtxt
if (!time1.getTime() || time1.getTime() == NaN) { time1 = new Date() } // 预防无效输入
if (txt.length < 2) {
time2 = new Date()
} else {
time2 = new Date(txt[1])
if (!time2.getTime() || time2.getTime() == NaN) { time2 = new Date() } // 预防无效输入
}
time3 = Math.abs(time1.getTime() - time2.getTime())
// 送入timediff函数
if (txt.length > 2) {
txt[2] = txt[2].replace('天', 'd').replace('时', 'h').replace('分', 'm').replace('毫秒', 'M').replace('秒', 's')
outtxt = timediff(time3, txt[2])
el.setAttribute('timeDiff-command', txt[2])
} else {
outtxt = timediff(time3)
el.setAttribute('timeDiff-command', 'd')
}
el.textContent = outtxt
// 后续处理
el.classList.remove('salt-time-diff')
el.classList.add('salt-time-diff-done')
el.setAttribute('startTime', time1.toString())
el.setAttribute('endTime', time2.toString())
}
}
function timediffRealtime() {
var elems = document.querySelectorAll('.salt-time-diff-done.real-time')
setInterval(() => { // 主要过程: 每0.25秒更新一次
for (let i = 0; i < elems.length; i++) {
setTimeout(() => { // 异步, 避免卡顿
var el = elems[i]
var time1 = new Date(el.getAttribute('startTime'))
, time2 = new Date()
, cmd = el.getAttribute('timeDiff-command')
if (!time1.getTime() || time1.getTime() == NaN) { // 预防无效输入
time1 = new Date()
el.setAttribute('startTime', time1.toString())
}
var time3 = Math.abs(time1.getTime() - time2.getTime())
// 送入timediff函数
var t = timediff(time3, cmd)
if (el.textContent != t) { el.textContent = t } // 避免闪烁
}, 0)
}
}, 250)
setInterval(() => { // 检查是否有漏网之鱼: 每5秒更新一次
if (document.querySelectorAll('.salt-time-diff').length > 0) { timediffHandle() }
elems = document.querySelectorAll('.salt-time-diff-done.real-time')
}, 5000)
}
function timediff(ms = 0, cmd = 'd') { // 默认：没有时间差，只输出日期
var finaltxt = ''
if (cmd.indexOf('d') != -1) {
let days = Math.floor(ms / (24 * 3600 * 1000))
ms = ms % (24 * 3600 * 1000) // 除去天数后剩余的毫秒数
finaltxt += days + '天'
}
if (cmd.indexOf('h') != -1) {
let hours = Math.floor(ms / (3600 * 1000))
ms = ms % (3600 * 1000) // 除去小时后剩余的毫秒数
finaltxt += hours + '小时'
}
if (cmd.indexOf('m') != -1) {
let hours = Math.floor(ms / (60 * 1000))
ms = ms % (60 * 1000) // 除去分钟后剩余的毫秒数
finaltxt += hours + '分钟'
}
if (cmd.indexOf('s') != -1) {
let hours = Math.floor(ms / (1000))
ms = ms % (1000) // 除去秒数后剩余的毫秒数
finaltxt += hours + '秒'
}
if (cmd.indexOf('M') != -1 || finaltxt.length < 1) { // 保险：若指令输入为空，则输出毫秒数
finaltxt += ms + '毫秒' // 剩余的毫秒数
}
return finaltxt
}
})
</script></includeonly><noinclude>请使用模板{{tl|时间差}}。

搬运自[https://wiki.biligame.com/mcplayer/Widget:TimeDiff 我的世界玩家社区Wiki]，原作者：Salt_lovely（原作者即搬运者）。</noinclude>

微件:TimeDiff - 版本历史

Salt lovely：​添加简化输出模式

Salt lovely：​添加了年份、月份计算，支持 UTC 时间戳 // 维基盐编辑器

Salt lovely：​重构 salt-time-diff

Salt lovely：​模板搬运

Salt lovely：添加简化输出模式

Salt lovely：添加了年份、月份计算，支持 UTC 时间戳 // 维基盐编辑器

Salt lovely：重构 salt-time-diff

Salt lovely：模板搬运