哀悼日设置网站主题为黑白主题

1、设置指定时间变灰

//获取当前时间

let nowDate = new Date().getTime()

//设置结束时间

let endDate = new Date('2020/04/05 00:00:00').getTime()

//判断是否小于结束时间

if(nowDate < endDate){

document.body.cssText = "filter:grayscale(100%)" //浏览器兼容加上前缀就好了

}

//ie滤镜

'filter':'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'

 

 

 

2、直接写css,不控制时间

<style>

body {

filter: grayscale(100%);

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

/* ie */

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

}

</style>