网站变灰

序言

假如遇到特殊的时间或节日，要把网站的色彩全部隐藏掉，将站点的页面变成灰色，其实很简单，下面有几种实现的方式

1、css 方式

html{filter: grayscale(100%);-webkit-filter: grayscale(100%);}

2、JavaScript 方式

<script>
const date = new Date();
// 12月13日 国家公祭日
if(date.getMonth()+1 == 12 && date.getDate() == 13){
    document.getElementsByTagName("html")[0].style.filter = "grayscale(100%)";
}
</script>

3、jQuery 方式

<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script>
const date = new Date();
if(date.getMonth()+1 == 12 && date.getDate() == 13){
    $("html").css({"filter":"grayscale(100%)","-webkit-filter": "grayscale(100%)"});
}
</script>