输出当前系统时间:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取当前系统时间</title> <script> window.onload = function(){ // 获取body元素 var oBody = document.body; // 设置定时器,每隔1秒执行一次该函数 setInterval(fnTime,1000); //页面加载完先执行日期函数,防止刷新时显示空白 fnTime(); // 将小于两位的数字变成两位的数字 function toDouble(num){ return num < 10 ? ‘0‘ + num : ‘‘ + num; }; // 时间函数体 function fnTime(){ // 获取日期对象 var myDate = new Date(); // 获取年月日时分秒 var iYear = myDate.getFullYear(); var iMonth = myDate.getMonth()+1; var iDay = myDate.getDay(); var iHour = myDate.getHours(); var iMin = myDate.getMinutes(); var iSec = myDate.getSeconds(); var str = ‘‘; // 将iDay的值对应iWeek数组的下标来获取星期 var iWeek = [‘星期日‘,‘星期一‘,‘星期二‘,‘星期三‘,‘星期四‘,‘星期五‘,‘星期六‘]; // 将当前的年月日时分秒保存在字符串str中 str = ‘今天是:‘ + iYear + ‘年‘ + iMonth + ‘月‘ + iWeek[iDay] + ‘,‘ + toDouble(iHour) + ‘:‘ + toDouble(iMin) + ‘:‘ + toDouble(iSec); // 将时间直接输出到body页面上显示出来 oBody.innerHTML = str; }; }; </script> </head> <body> </body> </html>
注意点:
1)getMonth()返回值是 0——11
在获取月份的时候就得在后面加1,不然获取到的是上一个月的月份。
2)getDay()返回星期几(0——6)
0 ——> 星期日
1 ——> 想起一
2 ——> 星期二
3 ——> 星期三
4 ——> 星期四
5 ——> 星期五
6 ——> 星期六
思想:放入数组iWeek = [‘星期日‘,‘星期一‘,‘星期二‘,‘星期三‘,‘星期四‘,‘星期五‘,‘星期六‘];,利用数组下标与getDay()的值对应取值
3)细节问题:将一位数处理成两位数的表示
通过toDouble函数三目运算判断或者用if else 判断
时间: 2024-12-13 16:28:52