Javascript 按当前时间更改图像_Javascript

Javascript 按当前时间更改图像

javascript

Javascript 按当前时间更改图像,javascript,Javascript,我有两张照片。我想在白天显示一幅图像，在晚上显示另一幅图像。这应该使用javascript来完成。例如，从8:00到00:00显示一个图像，从00:00到8:00显示另一个图像。可以使用javascript吗？如果您给图像一个ID，那么您可以根据用户浏览器的时间修改它的src属性。您可以使用经常运行的setInterval（）。你希望它有多精确取决于你在本例中，它每分钟运行一次： HTML 编辑：要修改div的类而不是图像的src，请执行以下操作：将getElementById（）行更改为

我有两张照片。我想在白天显示一幅图像，在晚上显示另一幅图像。这应该使用javascript来完成。例如，从8:00到00:00显示一个图像，从00:00到8:00显示另一个图像。可以使用javascript吗？

如果您给图像一个ID，那么您可以根据用户浏览器的时间修改它的src属性。

您可以使用经常运行的

setInterval（）

。你希望它有多精确取决于你

在本例中，它每分钟运行一次：

HTML

编辑：要修改div的类而不是图像的src，请执行以下操作：

将

getElementById（）

行更改为指向您的

，如：

var div = document.getElementById('theDiv');

然后更新

className

属性，而不是

src

，如下所示：

div.className = "someNewClass";

请注意，这将覆盖整个class属性，因此，如果您的元素有多个类，那么在添加/删除该类时，我们需要更加小心

如果您保留测试图像的代码以查看它是否已经具有正确的图像，那么您将对div执行类似的操作：

if(div.className.indexOf('someUniqueWord') < 0) {...

if（div.className.indexOf（'someUniqueWord'）<0{。。。

同样，您也不需要执行这些检查。它只是使元素不被修改，除非绝对必要。

var img=document.createElement（'img'）；
var img = document.createElement('img');
calcSrc();
setInterval(calcSrc, 60000);

document.body.appendChild(img); // place image

function calcSrc() {
    img.src = new Date().getHours() < 8 ? 'night.jpg' : 'day.jpg';
}

calcSrc（）；
设定间隔（加州证监会，60000）；
document.body.appendChild（img）；//放置图像
函数calcSrc（）{
img.src=newdate（）.getHours（）<8？'night.jpg'：'day.jpg'；
}

我对您代码中的一些内容感到非常惊讶，J-p

不带引号和括号， e、 g.“calcSrc（）”

img在启动后保持其手柄放在文档中

e、 g


var-img，tid；
window.onload=function（）{
img=document.createElement（'img'）；
calcSrc（）；
tId=设定间隔（加州证监会，60000）；
document.body.appendChild（img）；//放置图像
}  
var day='day.jpg'
var night='night.jpg'
函数calcSrc（）{
img.src=（new Date.getHours（）为什么要使用Javascript？你能使用服务器端语言吗？因为我不熟悉Javascript，所以这段代码对我来说有点复杂…如果时间间隔是15:00到16:00，以及16:00到15:00，我应该如何更改这段代码。Thanks@Levani-很抱歉，我会添加一些注释来澄清。谢谢。有没有办法将div类改为of图像？@Levani-当然。我会在底部添加一个示例。
div.className = "someNewClass";

if(div.className.indexOf('someUniqueWord') < 0) {...

var img = document.createElement('img');
calcSrc();
setInterval(calcSrc, 60000);

document.body.appendChild(img); // place image

function calcSrc() {
    img.src = new Date().getHours() < 8 ? 'night.jpg' : 'day.jpg';
}

<html>
<head>
<script>

var img,tid;
window.onload=function() {
  img = document.createElement('img');
  calcSrc();
  tId=setInterval(calcSrc, 60000);
  document.body.appendChild(img); // place image
}  

var day = 'day.jpg'
var night = 'night.jpg'


function calcSrc() {
  img.src = (new Date.getHours()<8)?night:day;
}
</script>
</head>
<body>
</body>
</html>