本文介紹了如何實現網站變灰色的問題。

  1. 整站變灰色:在設計器內-頁頭頁尾處,添加代碼控件,復制以下代碼,修改代碼中的網站變灰色的截止時間,點擊保存后,點擊發布即可生效。到截止時間后,網站自動恢復,不再是灰色。

    網站置灰操作示意圖
    <script>
    
        const deadline = new Date("2022-12-01 23:59:59").getTime();
    
        const now = new Date().getTime();
    
        console.log(deadline, now);
    
        if (now < deadline) {
    
            const style = document.createElement("style");
    
            style.innerHTML = `
    
                  html {
    
                      -webkit-filter: grayscale(1);
    
                      filter: grayscale(1);
    
                  }
    
              `;
    
            document.head.appendChild(style);
    
        }
    
    </script>
  2. 單個頁面變灰色:在設計器內-選擇需要變灰色的頁面,復制以上代碼,修改代碼中的網站變灰色的截止時間,點擊保存后,點擊發布即可生效。到截止時間后,網站自動恢復,不再是灰色。