<div id="time"></div>
<script>
window.onload = function() {
function show(){
var weeks = ['天','一','二','三','四','五','六'];
var myTime = new Date();
var year = myTime.getFullYear();
var month = time(myTime.getMonth() + 1);
var day = myTime.getDate();
var hours = time(myTime.getHours());
var minutes = time(myTime.getMinutes());
var seconds = time(myTime.getSeconds());
var week = myTime.getDay();
var timeStr = '今天是: ' + year +'年' + month + '月' + day + '日 星期' + weeks[week] + hours + ':' + minutes +':' + seconds;
document.getElementById('time').innerText = timeStr;
setTimeout(show,1000);
}
//setInterval(show,1000);
show();
}
function time(sj) {
if(sj < 10) {
return'0' + sj;
}else {
return'' + sj;
}
}
</script>
在前端开发过程中,有时候会需要获取当前时间和已知时间做对比的需求,也有单纯的获取当前时间然后传给后台,还有各种需要把获取到的当前时间转化成特定的时间格式传给后台这段代码是用 JavaScript 编写的,它会在网页中创建一个 ID 为 “time” 的 div 标签,然后使用 Date 对象获取当前的日期、时间、星期几等信息,并将其格式化为字符串显示在该 div 标签中。用 setInterval() 方法可以让显示的时间与实际时间同步更新,但是这段代码使用了 setTimeout() 方法,因此只会每秒更新一次时间。函数 time() 的作用是对于小于 10 的数字,在其前面加上一个 0,以保证格式的一致性。这段代码模拟日历,每天打开这个界面都能定时显示年、月、日和星期几。其中创建了Date对象,JS中要是用Date对象,必须先使用new运算符创建它,Date对象的构造函数通过可选的参数,可生成过去、现在和将来的Date对象。Date对象提供了很多操作日期和时间的方法,Date对象常用方法如上代码中,getFullYear()返回年份数。var date = new Date(); //Date() 方法可 date.getYear(); //获取当前年份
date. getFullYear(); //获取完整的年份(4位 date. getMonth(); //获取当前月份(0-11, 0代表1月) date. getDate(); //获取当前日期对象是几号。date.getDay(); //获取当前星期X(0-6,0代 表星期天)。date. getTime(); //获取当前时间 (从1970.1.1开始的毫秒)。 date. getHours(); //获取当前小时数(0-23) 。date. getMinutes(); //获取当前分钟数(0-59)。date. getSeconds(); //获取当前秒数(0-59 ) 。date . getMilliseconds(); //获取当前毫秒数(0--59)。date. toLocaleDateString(); //获取当前日期。var myDate=date. toLocaleTimeString(); var myDate2=date. toTimeString(); // date. toLocaleString( ); //获取日期与时间。以下是例子:
例1, js获取当前时间
js中日期操作:
复制代码代码示例:
var mydate = new date();
mydate.getyear(); /获取当前年份(2位)
mydate.geffullyear(); /获取完整的年份(4位,1970-????) mydate.getmonth(); //获取当前月份(0-11,0代表1月) mydate.getdate(); //获取当前日(1-31)
mydate.getday);获取当前星期x(0-6,0代表星期天)
mydate.gettime(); //获取当前时间(从1970.1.1开始的毫秒数) mydate.gethours(); //获取当前小时数(0-23)
mydate.getminutes(); //获取当前分钟数(0-59)
mydate.getseconds(); //获取当前秒数(0-59)
mydate.getmilliseconds(); /获取当前毫秒数(0-999) mydate.tolocaledatestring(); //获取当前日期
var mytime=mydate.tolocaletimestring(); //获取当前时间 mydate.tolocalestring( ); //获取日期与时间。