Τι είναι
Το jOtimer είναι ένα jQuery plugin που μετατρέπει κάποιο div container σε ένα κομψό χρονομετρητή (timer).
Δημιουργήθηκε για να καλύψει τις ανάγκες του Odyssey module «Footer Copyrights», ώστε να καταμετρά το χρόνο της τρέχουσας συνεδρίας (session) για κάθε επίσκεψη.
Demo
Οδηγίες χρήσης
Αφού συμπεριλάβουμε στη σελίδα μας τα ακόλουθα:
<link href="o_timer.css" rel="stylesheet" type="text/css">
<script type=’text/javascript’ src=’jOtimer.js’></script>
το ενεργοποιούμε με
$(document).ready(function() {
$(’#some_id’).jOtimer();
});
$(’#some_id’).jOtimer();
});
Παράμετροι
To plugin δέχεται τις ακόλουθες παραμέτρους:
- start (αρχική τιμή 0)
Ο αρχικός χρόνος σε δευτερόλεπτα - hours_label (αρχική τιμή Hours)
Η ετικέτα για την εμφάνιση των ωρών - minutes_label (αρχική τιμή Mins)
Η ετικέτα για την εμφάνιση των λεπτών - seconds_label (αρχική τιμή Secs)
Η ετικέτα για την εμφάνιση των δευτερολέπτων
Παράδειγμα σύνταξης παραμέτρων
$(document).ready(function() {
$(’#some_id’).jOtimer({"start": 2400, "hours_label": "Ώρες", "minutes_label": "Λεπτά", "seconds_label": "Δευτ."});
});
$(’#some_id’).jOtimer({"start": 2400, "hours_label": "Ώρες", "minutes_label": "Λεπτά", "seconds_label": "Δευτ."});
});