分享一下全站置灰代码

前言：

　　在某几个提别的节日，很多网站会将网站首页变成灰色，来以此悼念或者表敬意，今天我将分享一个全站置灰代码，适用于所有站点。

代码：

<script>
/*
把下面的代码放在你的网站底部即可，可以自义定设置变灰时间。
需要页面已经引入了JQ插件！
*/
    var d = new Date();
    var w1 = new Date("2021-09-18 09:18:00");  //起始时间
    var w2 = new Date("2021-09-18 10:30:00");  //结束时间
    if (d.getTime() > w1.getTime() && d.getTime() < w2.getTime()) {
        $("body").css({
            "filter": "grayscale(100%)",
            "-webkit-filter": "grayscale(100%)",
            "-moz-filter": "grayscale(100%)",
            "-ms-filter": "grayscale(100%)",
            "-o-filter": "grayscale(100%)",
            "filter": "url(\"data:image/svg+xml;utf8,#grayscale\")",
            "filter": "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)",
            "-webkit-filter": "grayscale(1)"
        });
    }
</script>

说明：

　　需要修改代码中的起始时间，然后放到网站中就行了。效果就不做展示了，一片灰色，都能想象得出来。