Kako naredimo stran občutljivo na čas?

dan-noc

Stran občutljivo na čas lahko naredimo na več načinov. Ogledali si bomo primer, kjer se za preverjanje časa uporablja Javascipt koda in na podlagi tega vklopi CSS datoteko s stili.

Primer kode:

<script type="text/javascript">
<!-- Begin
var datetoday = new Date();
var thehour = datetoday.getHours();

if ((thehour > 7) && (thehour < 19))
{
document.write("<link rel='stylesheet' type='text/css' href='dan.css'>");
}
else
{
document.write("<link rel='stylesheet' type='text/css' href='noc.css'>");
}
// End -->
</script>
<noscript>
<link rel="stylesheet" href="dan.css" type="text/css">
</noscript>

Opis kode:
Javascript kodo moramo dodati v glavo HTML datoteke. V prvem delu določimo spremenljivke katerim dodelimo trenuten čas. Nadaljujemo z IF zanko, kjer vklopimo določen CSS stil na podlagi ure. Če je ura večja od 7. ure in manjša od 19. ure se vklopi CSS stil »dan«. Drugače se vklopi CSS stil »noc«.
V primeru, če uporabnik nima podprtega Javasripta pa se vklopi alternativni CSS stil.

Prenesi kodo – Pomagalnik-JS_dan_noc

Ostali podobni primeri za časovno občutljivo stran: