美文网首页
定时网站变灰 loadBlackWhiteCss.js

定时网站变灰 loadBlackWhiteCss.js

作者: Coldhands | 来源:发表于2020-04-08 16:21 被阅读0次
$(function(){
    loadBlackWhiteCss();
});

function loadBlackWhiteCss() {
    if(nowInDateBetwen('2020-04-04 00:00:00', '2020-04-05 00:00:00') || getQueryString('debug') === 'blank') {
        document.body.style["filter"] = "grayscale(100%)";
        document.body.style["-webkit-filter"] = "grayscale(100%)";
        document.body.style["-moz-filter"] = "grayscale(100%)";
        document.body.style["-ms-filter"] = "grayscale(100%)";
        document.body.style["-o-filter"] = "grayscale(100%)";
        document.body.style["filter:progid"] = "DXImageTransForm.Microsoft.BasicImage(grayscale=1)";
        document.body.style["-webkit-filter"] = "grayscale(1)";
    }
}

function nowInDateBetwen(d1, d2){
    var dateBegin = new Date(d1);
    var dateEnd = new Date(d2);
    var dateNow = new Date();

    var beginDiff = dateNow.getTime() - dateBegin.getTime();
    var beginDayDiff = Math.floor(beginDiff / (24 * 3600 * 1000));

    var endDiff = dateEnd.getTime() - dateNow.getTime();
    var endDayDiff = Math.floor(endDiff / (24 * 3600 * 1000));

    if(endDayDiff < 0) {
        return false;
    }
    if(beginDayDiff < 0) {
        return false;
    }
    return true;
}

function getQueryString(name) {
    var query = window.location.search.substring(1);
       var vars = query.split("&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("=");
               if(pair[0] == name){return pair[1];}
       }
       return(false);
}



相关文章

  • 定时网站变灰 loadBlackWhiteCss.js

  • 网站整体变灰

    设置变灰时间(几天后变灰) 页面引入 "> 可自动更新版本

  • 网页变灰效果实现!

    如何用一行代码实现网页变灰效果? 文章 摘抄于 菜鸟教程 如何用一行代码实现网页变灰效果? 网站变灰 这个样式名叫...

  • 如何让网站变灰

    今天各大网站都变成了灰色,包括图片、按钮、文字等,刚开始还以为是在各个元素上加了CSS样式,但是这样成本太高了,不...

  • 整个网站变灰css样式

    4月4日举行全国哀悼,致敬英雄,缅怀英烈。各大网站和视屏都在变灰,于是我也学习了一下css样式,向英雄致敬! ht...

  • 网站置灰

    如果需要把网站置灰,我们可以利用css3属性 filter设置如下:其实只需要一行代码就可以使网页变灰

  • 灰变

    灰色,介于白色与黑色之间。灰色,能有256种不同的灰度。正如这个世界,在黑与白之间,还能有广阔的灰。 在成功和失败...

  • css常用效果总结

    1.每逢大的灾难的时候,很多网站变成了灰色,如何让网站快速变灰?css代码是很简单的,用的是css的filter功...

  • 4月4日网站变灰实录

    4月4日网站变灰记录 基本都是通过 grayscale 来实现的 都不支持 IE 11 但在 IE 11 的情况下...

  • css常用效果总结

    css黑魔法总结 1、每逢大的灾难的时候,很多网站变成了灰色,如何让网站快速变灰?css代码是很简单的,用的是cs...

网友评论

      本文标题:定时网站变灰 loadBlackWhiteCss.js

      本文链接:https://www.haomeiwen.com/subject/unwtmhtx.html