【草梅】写个脚本来自动开启哀悼模式

今天是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 外都还不错，所以可以用。【随手写的脚本就不考虑兼容性了】