Come visualizzare in tempo reale, data, giorno in questo formato?Mostra tempo reale, data, giorno della settimana in javascript o jquery
Il tempo dovrebbe essere effettiva (che gestisce il conteggio dei secondi).
Grazie ragazzi!
Come visualizzare in tempo reale, data, giorno in questo formato?Mostra tempo reale, data, giorno della settimana in javascript o jquery
Il tempo dovrebbe essere effettiva (che gestisce il conteggio dei secondi).
Grazie ragazzi!
Per aggiornare pannello tempo ogni secondo dovremmo usare la funzione setInterval()
.
Per formattare la data il modo in cui è necessario l'approccio migliore è utilizzare la libreria moment.js
. Il codice si accorcia notevolmente:
$(document).ready(function() {
var interval = setInterval(function() {
var momentNow = moment();
$('#date-part').html(momentNow.format('YYYY MMMM DD') + ' '
+ momentNow.format('dddd')
.substring(0,3).toUpperCase());
$('#time-part').html(momentNow.format('A hh:mm:ss'));
}, 100);
});
Ho ottenuto il momento non è definito errore. puoi spiegare perché? –
L'ho risolto. Qualche errore nella causa della collisione javascript –
È possibile utilizzare SetInterval
in javascript ed eseguirlo dopo ogni 1 secondo. Cercare l'esempio dato
<!DOCTYPE html>
<html>
<body>
<p>A script on this page starts this clock:</p>
<p id="demo"></p>
<p id="demonew"></p>
<script>
var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
if(dd<10) {
dd='0'+dd
}
if(mm<10) {
mm='0'+mm
}
today = mm+'/'+dd+'/'+yyyy;
document.getElementById("demonew").innerHTML = today;
var myVar=setInterval(function(){myTimer()},1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
</script>
</body>
</html>
You can use :
<script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay() // Current Day of week - 2
var month=mydate.getMonth() // Current Month 2
var daym=mydate.getDate() // Current Date -24
var h=mydate.getHours(); //Hours
var m=mydate.getMinutes();//Minutes
var s=mydate.getSeconds();//Seconds
m = checkTime(m);
s = checkTime(s);
function checkTime(i) {
if (i<10) {i = "0" + i}; // add zero in front of numbers < 10
return i;
}
Prendere 2 campi
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday",
"Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June",
"July","August","September","October","November","December")
document.getElementById('txt').innerHTML =h+":"+m+":"+s+" "+dayarray[day]+", "+montharray[month]+" "+daym+", "+year;
var t = setTimeout(function(){startTime()},500);
//This will update time
</script>
<body onload="startTime()">
<div id="txt"></div>
</body>
un'occhiata a questo esempio http://jsfiddle.net/fdq5173y/ – Blu
@BluAngel grazie per questo! esattamente quello di cui avevo bisogno! – kgam