JavaScript 动态更新时间:判断时间是否一致,不同则更新为当前时间
以下是一个实现该功能的 JavaScript 代码:
// 获取 span 元素
const spanElem = document.querySelector('span');
// 获取当前时间
const now = new Date();
// 获取 span 元素中的时间(字符串)
const spanTimeStr = spanElem.textContent;
const spanTime = new Date(spanTimeStr);
// 如果 span 中的时间与当前时间不同,则更新 span 中的时间为当前时间
if (spanTime.getFullYear() !== now.getFullYear() ||
spanTime.getMonth() !== now.getMonth() ||
spanTime.getDate() !== now.getDate()) {
const newTimeStr = now.toLocaleDateString();
spanElem.textContent = newTimeStr;
}
首先,我们获取到要操作的 span 元素。然后,获取当前时间和 span 元素中的时间(字符串形式)。接着,我们将这两个时间对象进行比较,判断它们是否相同。如果不同,我们就将 span 元素中的时间更新为当前时间,否则什么都不做。最后,我们将更新后的时间字符串设置回 span 元素的文本内容中。
原文地址: https://www.cveoy.top/t/topic/m72v 著作权归作者所有。请勿转载和采集!