Jak wyświetlić w czasie rzeczywistym, datę, dzień w tym formacie?Pokaż w czasie rzeczywistym, datę, dzień tygodnia w javascript lub jquery
Czas powinna rzeczywistej (która biegnie policzyć sekund).
Dzięki chłopaki!
Jak wyświetlić w czasie rzeczywistym, datę, dzień w tym formacie?Pokaż w czasie rzeczywistym, datę, dzień tygodnia w javascript lub jquery
Czas powinna rzeczywistej (która biegnie policzyć sekund).
Dzięki chłopaki!
Aby zaktualizować panelu czasu każda sekunda powinniśmy używać setInterval()
funkcję.
Aby sformatować datę tak, jak potrzebujesz najlepszego podejścia, użyj biblioteki moment.js
. Kod jest znacznie skrócona:
$(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);
});
Mam moment nie jest zdefiniowany błąd. czy możesz wyjaśnić, dlaczego? –
Naprawiłem to. Niektóre błędy kolizji javascript powodują błąd –
Możesz używać SetInterval
w javascript i uruchamiać go co 1 sekundę. Spójrz na podanym przykładzie
<!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;
}
Take 2 tablice
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>
spojrzeć na ten przykład http://jsfiddle.net/fdq5173y/ – Blu
@BluAngel dzięki za to! dokładnie to, czego potrzebowałem! – kgam