JavaScript常用对象-----Date

JavaScript常用对象-----Date

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

  1. date.getFullYear();
    从date对象以四位数返回年份
  2. date.getMonth();
    从date对象返回月份(0-11),所有一般在输出的时候都要+1
  3. date.getDate();
    从date对象中返回一个月中的某一天(1-31)
  4. date.getDay();
    从date对象中返回一周中的某一天(0-6),0是星期一,6是星期日;
  5. date.getHours();
    返回小时(0-23)
  6. date.getMinutes();
    返回分钟(0-59)
  7. date.getSeconds();
    返回秒数(0-59)
  8. date.getMilliseconds();
    返回毫秒(0-999)
  9. 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>
运行结果

在这里插入图片描述

发布了18 篇原创文章 · 获赞 16 · 访问量 2968

猜你喜欢

转载自blog.csdn.net/qq_43078424/article/details/103328769