2021-12-13 写个脚本来自动让网页变黑白

今天是 12 月 13 日，国家公祭日。 在这一天，为了纪念死难的同胞们，有很多 APP 和网页都把主页变灰白了以示纪念。

为此呢，本人也写了个脚本，可以在指定日期自动使网页变黑白。

代码也很简单，没几行。

const dateList = [
    '7/7', // 七七事变
    '9/18', // 九一八事变
    '12/13', // 国家公祭日
]

// 自动开启哀悼模式
function autoEnableMourningMode() {
    const m = new Date().getMonth() + 1
    const d = new Date().getDate()
    const today = `${m}/${d}`
    if (dateList.some((date) => date === today)) {
        document.body.style.filter = 'grayscale(1)'
    }
}

window.addEventListener('load', () => {
    autoEnableMourningMode()
})

核心代码就一行，使用了 CSS3 的 filter(滤镜)属性，将网页直接变黑白。

document.body.style.filter = 'grayscale(1)'

至于这个 CSS 样式的兼容性，除了 IE 外都还不错，所以可以用。【随手写的脚本就不考虑兼容性了】

本文作者：草梅友仁
本文地址： https://blog.cmyr.ltd/archives/9a623450.html
版权声明：转载请注明出处！