javascript中的时间条件

有人能帮我解决基于时间的条件吗

css:

一天{ 夜{ html

js

我的问题是，我有两个图像层叠在一起

我想改变从白天到晚上，如果具体的时间来了。所以，如果时间达到19:00:00，我想慢慢地改变背景，从白天到晚上，只是使用不透明度

然后我将在08:00:00从晚上到白天。但问题来了，我不知道如何设置该条件，并告诉是否时间>19:00:00开始更改两幅图像的不透明度，如果时间达到19:00:00，则从白天到晚上，它只是在没有我的不透明度转换的情况下安装到晚上

---

你能告诉我如何使用javascript及时制定具体条件吗？谢谢你的任何想法。或者如果你有任何其他想法如何更有效地制定类似的条件，我将非常感激。

我认为这可能会让你更接近你需要的。与其手动指定时间，不如更容易找到确定过渡起点和终点之间的距离，然后使用该距离设置不透明度

时间在这里表示为[hours，minutes]的数组，然后我们会发现每次总共有多少分钟

我想这还不是很完美，但它应该有希望说明什么是可能的：

常数getTotalMinutes=[小时，分钟]=> 小时*60+分钟； const transitionStart=getTotalMinutes[9,13]； const transitionEnd=getTotalMinutes[9,15]； 常量getCurrentTransitionState==>{ const now=新日期； const totalMinutes=getTotalMinutes[ 现在，抓紧时间， 现在，几分钟后， ]; const transitionTotal=transitionEnd-transitionStart； const timeinto transition=totalMinutes-transitionStart； 如果timeIntoTransition>=transitionTotal{ 返回1； } 返回时间转换>0？ 时间过渡/过渡总计： 0; } setInterval=>{ const current=getCurrentTransitionState； document.getElementById'day'。style.opacity=1-当前； }, 1000; img{ 位置：固定； 排名：0； 左：0； 过渡：所有10秒轻松； 宽度：100vw； }

---

首先，去掉这五秒钟的间隔，用一个过渡来修改特定时间段内的不透明度。其次，你需要找到一个合适的方法来触发它-如果我已经从18:47开始在你的网站上了，你可能还想在19:05触发它，对吗？然后你需要运行一个脚本在后台的一段时间间隔内，它会定期检查时间，并通过在相关元素上添加/删除类来做出适当的反应，以触发转换。@04FS您能给我举个例子吗？我得到了超时处理的更新。是否可以将其设为例如iftime=19:00:00{开始转换？}这是可能的，而且更简单，但在你的问题中，你有多次检查？忘记我问题中的次数。你能帮我完成这个转换吗？例如，在19:00:00开始转换，在08:00:00恢复转换。不；如果你有不同的问题，StackOverflow不是代码编写服务tion，你应该问一个不同的问题。我不想要完整的代码，我只想要一个条件。nvm谢谢你的帮助

  position: absolute;  
  width: 360px;  
  height: 360px;  
  background-image: url("../image/BackgroundDay.png");  
  background-repeat: no-repeat;
}

 position: relative;  
 width: 360px;  
 height: 360px;  
 background-image: url("../image/BackgroundNight.png"); 
 background-repeat: no-repeat;
}

    <img id="Day" alt="" style="opacity: 0;"/> 
    <img id="Night" alt="" style="opacity: 0;"/>

      var dayToNight1    = '19:05:00';
      var dayToNight2    = '19:05:05';
      var dayToNight3    = '19:05:10';
      var dayToNight4    = '19:05:15';
      var dayToNight5    = '19:05:20';
      var dayToNight6    = '19:05:25';
      var dayToNight7    = '19:05:30';
      var dayToNight8    = '19:05:35';
      var dayToNight9    = '19:05:40';
      var dayToNight10   = '19:05"45';

if(time > dayToNight1)
  {
     document.getElementById("Day").style.opacity = "0.9";
     document.getElementById("Night").style.opacity = "0.1";
  } // i got these conditions 10, I just didnt add them so it is not that long.


      var nightToDay1    = '08:00:00';
      var nightToDay2    = '08:00:05';
      var nightToDay3    = '08:00:10';
      var nightToDay4    = '08:00:15';
      var nightToDay5    = '08:00:20';
      var nightToDay6    = '08:00:25';
      var nightToDay7    = '08:00:30';
      var nightToDay8    = '08:00:35';
      var nightToDay9    = '08:00:40';
      var nightToDay10   = '08:00:45';    

if(time > nightToDay1 && time <= '19:05:00')
{
   document.getElementById("Day").style.opacity = "0.1";
   document.getElementById("Night").style.opacity = "0.9";
}// same here 10 conditions