Javascript 如何根据用户使用JS的时间将lite模式更改为dark模式？

如何根据用户使用JS的时间将lite模式更改为dark模式

// I'm working with jQuery
$(document).ready(function(){
   $('.toggle').click(function(){

    $('body').toggleClass('dark')
       $('.row1').toggleClass('dark')
       $('.row2').toggleClass('dark')
       $('.row3').toggleClass('dark')

---

我没有任何类似这样的错误，使用CSS变量简化js

$function{ var hour=新日期。getHours； 如果小时>=16{ $'.wrapper'.removeClass'light'.addClass'dark'； }否则{ $'.wrapper'.removeClass'dark'.addClass'light'； } 控制台。对数小时； }; html， 身体{ 身高：100%； } .光{ -主背景颜色：eee； -主色：000； } .黑暗{ -主背景颜色：222； -主色：555； } .包装纸{ 宽度：100%； 身高：100%； 背景：主背景色； } 氢{ 颜色：var主tx颜色； } 这里有东西

---

问题不清楚！你试过什么？检索用户机器上的时间应该很简单：使用const hour=new Date.getHours；获取0-23之间的值。从那里开始。切换类可能比切换每个元素上的类更容易，您可以使用CSS变量。将类light或dark添加到最外层的包装中，然后使用以下语法：.dark{-main bg color:222}.light{-main bg color:eee}并调用该变量：.body{background:var main bg color；}根据主体或最外层包装的内容颜色将发生变化。