首页 > 代码库 > Date对象【js】

Date对象【js】

2024-08-17 14:23:26   210人阅读

Date 对象常用的方法：
    年：  getFullYear();
    月：   getMonth() + 1;    注意：值。方法返回一个处于 0 到 11 之间的整数，所以按照中国的习惯，应该后面+1
    日：   getDate();
    时：   getHours();
    分：    getMinutes();
    秒：    getSeconds();
    ....................
javascript定时调用函数的方法：
    定时方法1：
           setInterval("要调用的函数或要执行的代码串"，周期性执行或调用 code 之间的时间间隔，以毫秒计”);
    定时方法2：
            setTimeout("要调用的函数后要执行的 JavaScript 代码串",  "在执行代码前需等待的毫秒数。");
            

innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
          例如：
                    //找到span对象
                    var spanObj = getElementById("currentTime");
    //设置span标签体的内容
     spanObj.innerHTML = timeInfo.fontcolor("red").fontsize("5px"); //innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
    注意：
            1.上面定时方法的第一个参数应该用“”引号括起来（包括函数），第二个参数可以用“”括号括起来，也可以不括。
            2.setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

Demo：
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>Date对象【js】</title>
  6. <script type="text/javascript">
  7. with(document){
  8. 	var date = new Date(); //启用基本存储器并取得日期和时间。
  9. 		
  10. 	write(date + "<br/>");//它代表了所保存的年份与 1900 年之间的差距。这个方法已经过时，之所以提供这个方法，是为了保持向后的兼容性。请改用 getFullYear 方法。 
  11. 	
  12. 	write(date.getFullYear() + "<br/>");//返回 Date 对象中用本地时间表示的年份值。
  14. 	write(date.getMonth() + 1 + "<br/>");//返回 Date 对象中用本地时间表示的月份值。方法返回一个处于 0 到 11 之间的整数，它代表 Date 对象中的月
  16. 	write(date.getDate() + 1 + "<br/>");//返回 Date 对象中用本地时间表示的一个月中的日期值。
  17. 	
  18. 	write(date.getHours() + "<br/>");//返回 Date 对象中用本地时间表示的小时值。
  19. 	
  20. 	write(date.getMinutes() + "<br/>");//返回 Date 对象中用本地时间表示的分钟值。
  21. 	
  22. 	write(date.getSeconds() + "<br/>");//返回 Date 对象中用本地时间表示的秒钟值。
  24. 	write(date.getMilliseconds() + "<br/>");//返回 Date 对象中用本地时间表示的毫秒值。 
  26. 	write(date.toLocaleString() + "<br/>");//返回一个日期，该日期使用当前区域设置并已被转换为字符串。 
  27. 		
  28. 	write("显示当前时间是："  + date.getFullYear() + "年" + (date.getMonth()+1) + "月" + date.getDate() + "日 " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds());
  29. 	
  30. 	write("<hr/>");
  31. 	//===========================
  32. 	//获取系统时间
  33. 	function getCurrentTime(){
  34. 			//获取到当前的系统时间
  35. 			var date = new Date();
  36. 			//把当前系统时间拼装成指定的格式
  37. 			var timeInfo = date.getFullYear() + "年" + (date.getMonth()+1) + "月" + date.getDate() + "日 " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
  38. 			//找到span对象
  39. 			var spanObj = getElementById("currentTime");
  40. 			//设置span标签体的内容
  41. 			spanObj.innerHTML = timeInfo.fontcolor("red").fontsize("5px"); //innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
  42. 		
  43. //	window.setTimeout("getCurrentTime()", 1000);//setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeoout()
  45. 	}
  46. 		
  47. 	//定时方法 :setInterval()  与   setTimeout()区别
  48. 	window.setInterval("getCurrentTime()", 1000);//定时方法:按照指定的周期（以毫秒计）来调用函数或计算表达式。， 第一个参数要指定调用的代码，第二个参数是每隔指定的毫秒数调用指定的代码。
  49. //  window.setTimeout("getCurrentTime()", 1000);//setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeoout()
  50. }
  51. </script>
  52. </head>
  54. <body onLoad="getCurrentTime();">
  55. 	当前系统时间是：<span id="currentTime"></span>
  56.     <hr/>
  57. </body>
  60. </html>
效果如下：
技术分享
 


来自为知笔记(Wiz)


Date对象【js】


联系
我们