通过js可以设定指定时间,自动变灰以及复原

2020.4.4号全国疫情哀悼日网页变灰色前端是如何实现的?

一、
1.为所有需要修改站引入线上js:
eg:<``script src``=``"https....../mourningDay.js"``></``script>
2.mourningDay.js:
var time = new Date().getTime()
if ( time >= 1585929600000 && time < 1586016000000) {
var html = document.getElementsByTagName(‘html’)[0]
html.style.filter = ‘grayscale(100%)’
html.style.filter = ‘progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)’
}
3.哀悼日起始时间用工具获取,eg:时间戳(Unix timestamp)转换工具 - 在线工具

二、
建议提前半个小时将网站置灰,参照腾讯tgp提前了半个小时,原因自己去想,这里不猜

一、另一种有待实现方式

1、可以修改所有项目均会引入的某一文件(如:某一公共js文件,或在某一公共文件引入js)等某一文件,
2、将需要置灰网站添加到创建的数组内,判断当前域名在数组内-置灰
好处:
1、无需另外为所有项目添加任何东西,无论是js,html,新增引入等均不需要
2、除无任何添加剂外,代码使用后可以直接恢复原代码,无任何痕迹可寻