Как отображать изображения в разное время на веб-странице

Question

Я должен показывать изображения в определенное время дня на веб-странице. Пожалуйста, кто-нибудь может рассказать мне, как это сделать

Answer 1

Вам понадобится тег шаблона, который проверяет время суток и выводит соответствующий HTML. Как это сделать, зависит от того, как вы хотите определить, какое изображение для какого времени суток. Например, у вас может быть модель, которая записывает change_time и путь к изображению, а тег получит изображение с самым последним change_time.

Например:

import datetime

@register.simple_tag
def image_change_by_time():
    now = datetime.datetime.now().time()
    image = Images.objects.filter(change_time__lte=now).order_by('-change_time')[0]
    return mark_safe('<img src="%s">' % image.url.path)

Answer 2

Самый безопасный способ - сделать это на стороне сервера, не делайте этого на стороне клиента, используя javascript, потому что клиенты могут иметь разные часовые пояса.

например в PHP:

<style type="text/css"> #someimage{ position:absolute;left:200px;top:100px; }</style>  

<?php
   $h = intval(date('h'));
   $m = intval(date('m'));
   if($h==12 && $m==00){
      echo '<img src="someimage.gif" id="someimg"/>';
   }
?>  

в питоне:

#!/usr/bin/python
import time

localtime = time.localtime(time.time())
h = localtime[3]
m = localtime[4]
if h==12 and m==0: print "<img src='some.gif' id='someimg'/>"

Answer 3

Если вам нужно изменить изображение до обновления страницы, вы можете использовать jquery ajax call для получения правильного изображения. JQuery имеет некоторые интервальные функции, которые позволили бы это.

Answer 4

Вы можете сделать объект Date в javascript. Проверьте текущее время и, в зависимости от времени, вы устанавливаете img src на любое изображение, которое хотите для этого времени суток :) или скрываете изображение через myimg.style.visibility = "hidden", если вы не хотите отображать изображение в тот момент.