jClock è un plugin per jQuery che inserisce un semplice orologio aggiornato in tempo reale in base all’orario locale o a quello di un qualunque altro fuso orario. Può essere utile se si desidera, ad esempio, pubblicizzare eventi che hanno sedi geografiche con fusi orari differenti.
Da qui potete scaricare lo script da rinominare in .js
Configurare il plugin è molto semplice: è sufficiente richiamare lo script ed effettuarne il setup
<script type=”text/javascript” src=”js/jquery.jclock-1.2.0.js”></script><br>
$(document).ready(function () {
$(‘.ora’).jclock();
});
Poi all’interno della pagina sarà sufficiente inserire il contenitore con l’opportuna classe:
Sono inoltre disponibili alcuni parametri:
- timeNotation: notazione dell’ora [12h o 24h]
- am_pm: [true o false]
- fontFamily: font per l’orologio [ad es. 'Verdana, Times New Roman']
- fontSize: dimensione delle font [ad es. 16px]
- foreground: colore delle font [ad es. #ffffff],
- background: colore dello sfondo [ad es. #ff0000]
Qui un sempio:
var options = {
timeNotation: ’12h’,
am_pm: true,
fontFamily: ‘Verdana, Times New Roman’,
fontSize: ’20px’,
foreground: ‘yellow’,
background: ‘red’
};
$(‘.jclock’).jclock(options);
});
Riporto di seguito il sito di riferimento
Lascia un commento