var circle; function widget_clock_init(){ circle = new ProgressBar.Circle('#clock', { color: '#50C8FB', duration: 3000, easing: 'easeInOut', text: { style : { fontSize : '38px'}, value : '00:00:00' } }); refresh_clock(); setInterval(function(){ refresh_clock(); },1000); } function refresh_clock(){ var d = new Date(); var hour = d.getHours(); var minut = ("00" + d.getMinutes()).slice(-2) ; var second = ("00" + d.getSeconds()).slice(-2) ; var year = d.getFullYear() ; var month = ("00" + (d.getMonth()+1)).slice(-2) ; var day = ("00" + d.getDate()).slice(-2) ; var days = ["Dimanche","Lundi","Mardi","Mercredi","Jeudi","Vendredi","Samedi"]; var monthName = ["Janvier","Février","Mars","Avril","Mai","Juin","Juillet","Aout","Septembre","Octobre","Novembre","Décembre"]; var dayName = days[d.getDay()]; circle.setText(hour+':'+minut+':'+second+'
'+dayName+'
'+day+' '+monthName[d.getMonth()]+' '+year+'
'); circle.set(second/60); }