四时宝库

程序员的知识宝库

JavaScript常用对象-----Date(javascript常用对象有哪些)

JavaScript常用对象-----Date

用一个实例来说明date对象的使用方法,先列举几个常用的date对象:

date.getFullYear();

从date对象以四位数返回年份

date.getMonth();

从date对象返回月份(0-11),所有一般在输出的时候都要+1

date.getDate();

从date对象中返回一个月中的某一天(1-31)

date.getDay();

从date对象中返回一周中的某一天(0-6),0是星期一,6是星期日;

date.getHours();

返回小时(0-23)

date.getMinutes();

返回分钟(0-59)

date.getSeconds();

返回秒数(0-59)

date.getMilliseconds();

返回毫秒(0-999)

date.getTime();

返回1970年1月1日至今的毫秒数

现在根据这9条做一个实例:动态显示当前时间(时间显示在文本框内)

设计思路:

这个是需要把时间显示到文本框里,所以这个需要 input type=“text” 一下,之后在js中写text.value="…"里面写在文本框里面输出的时间,因为input是单标签,因此赋值需要用value;完成动态显示时间需要延时调动函数setTimeout(),这样就可以不用点击按钮时间就一直在变化。

具体代码如下:

<style>
 #text{height: 20px;width: 200px;}
 </style>
 <script>
 function f(){
 var text =document.getElementById("text");
 var date = new Date();
 var year = date.getFullYear();
 var month = date.getMonth()+1;
 var date1 = date.getDate();
 var day = date.getDay();
 var hours = date.getHours();
 var minutes = date.getMinutes();
 var seconds = date.getSeconds();
 if(day=== 0){
 day="日";
 }
 else if(day === 6){
 day="六";
 }
 else if(day == 1){
 day="一";
 }
 else if(day === 2){
 day="二";
 }
 else if(day === 3){
 day="三";
 }
 else if(day === 4){
 day="四";
 }
 else if(day === 5){
 day="五";
 }
 text.value=year+"年"+month+"月"+date1+"日"+"星期"+day+hours+":"+minutes+":"+seconds;
 setTimeout("f()",1000);//这个是延时函数f(),每1000毫秒延时调用一次
 }
 </script>
</head>
<body>
<input type="text" value="" id="text">
<button onclick="f()">时间</button>
</body>

运行结果

我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。


发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接