jak js krócej zapisać w jquery? Opcje

[marcus755]

Znalazłem coś takiego w js:

[HTML] pobierz, plaintext 
var my_data = new Date();
var godz = my_data.getHours();
 
var IMG = new Array();
IMG[0]=["noc.jpg", 6];
IMG[1]=["rano.jpg", 12];
IMG[2]=["poludnie.jpg", 16];
IMG[3]=["wieczor.jpg", 19];
 
var str="";
for (var i=1; i<IMG.length; i++)
{
  if((godz>IMG[i-1][1])&&(godz<=IMG[i][1])) str=IMG[i][0];
}
if(str=="") str=IMG[0][0];
 
document.write("<img src="+str+">");
[HTML] pobierz, plaintext 

jak to krócej zapisać w jquery?

[trueblue]

Zawsze możesz skrócić w czystym JS:

[HTML] pobierz, plaintext 
var godz=new Date().getHours();
var IMG=[["noc.jpg",6],["rano.jpg",12],["poludnie.jpg",16],["wieczor.jpg",19]];
var str=IMG[0][0];
for(var i=1;i<IMG.length;i++)
  if((godz>IMG[i-1][1])&&(godz<=IMG[i][1])) str=IMG[i][0];
document.write("<img src="+str+">");
[HTML] pobierz, plaintext 

[marcus755]

ok dzięki:-) rozumiem,
a jak modyfikując powyższy kod osiągnąć następujący efekt, tzn. mam div'y, a w nich dynamicznie z CMS'a zaciągane godziny (jak poniżej),
jak z każdego div'a wyciągnąć godzinę i przyporządkować każdej godzinie inny obrazek? :
Obrazków jest 24, tyle ile ma doba, ale nie wszystkie są dodawane w CMS-ie...
...jednak te które się wyświetlają muszą być do nich prawidłowo przyporządkowane obrazki, jak to zrobić?

<div class="time">12:00</div>
<div class="time">14:00</div>
<div class="time">15:00</div>
<div class="time">19:00</div>

[trueblue]

A gdzie ma być wstawiony obrazek przyporządkowany danej godzinie z diva?

[marcus755]

w miejsca wielokropków <img src=""> z przyporządkowanym do godziny

<div class="block">
<div class="time">12:00</div>
<div class="timer">...</div>
</div>
<div class="block">
<div class="time">14:00</div>
<div class="timer">...</div>
</div>
<div class="block">
<div class="time">16:00</div>
<div class="timer">...</div>
</div>
<div class="block">
<div class="time">18:00</div>
<div class="timer">...</div>
</div>

Ten post edytował marcus755 12.08.2014, 14:46:20

[trueblue]

[HTML] pobierz, plaintext 
var godz=new Date().getHours();
var IMG=[["noc.jpg",6],["rano.jpg",12],["poludnie.jpg",16],["wieczor.jpg",19]];
$('div.time').each(function(){
 var str=IMG[0][0];
 var godz=parseInt($(this).text()); //tylko dla pełnych godzin w divach
 for(var i=1;i<IMG.length;i++)
   if((godz>IMG[i-1][1])&&(godz<=IMG[i][1])) str=IMG[i][0];
 $(this).next().html("<img src="+str+">");
});
[HTML] pobierz, plaintext 

[Crozin]

Podstawowe pytanie: po co chcesz skracać i tak krótki kod?

[marcus755]

Genialnie,
Wielkie Dzięki - Działa - The Beściaku;-)

a jak zrobić dla pólnocy?

http://jsfiddle.net/t4p54td5/3/

bo ani jak wpisuję 24 ani 0 nie działa....

Ten post edytował marcus755 12.08.2014, 15:07:36