Javascript每分钟显示一张图像,具体取决于一天中的时间

时间:2015-08-14 21:28:26

标签: javascript image clock

我是JavaScript的新手。我正在尝试创建一个javascript,每天每分钟显示一张不同的照片。

我正在填写一个包含1440张图像的文件夹(每分钟一张)。相应地命名文件(即:对于2:45,图像将为class Model def old? created_at < 35.years.ago end end )。

到目前为止,我正在创建一个显示时间的时钟,但我需要使用这些字符串来请求具有该名称的新对象。我尝试了一些选项,但没有一个可行。对于高级人员来说可能很简单,但我无法让它发挥作用。 这是我到目前为止所尝试的(许多版本):

0245.jpg

1 个答案:

答案 0 :(得分:1)

如果没有您的代码,很难猜出什么更适合您,但也许它是一种选择。

看看:

var previousImg = null;

function updateImage() {

  var d = new Date();
  var h = d.getHours().toString();
  var m = d.getMinutes().toString();

  if (h < 10) h = '0' + h;
  if (m < 10) m = '0' + m;

  var img = h + m + '.jpg';

  if (previousImg !== img) {
    var el = document.getElementById('yourImgElementId');
    el.src = '/to/your/path/' + img;
    previousImg = img;
  }
}

updateImage(); // call the first time
setInterval(updateImage, 20 * 1000); // update each 20 seconds