在一个页面中实时获取系统时间

qq_36727889

于 2019-04-08 09:19:55 发布

阅读量798

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_36727889/article/details/89080943

本文介绍了一种使用JavaScript的Date对象实时获取并显示系统当前时间的方法。通过分解日期和时间的不同部分，并对其进行格式化处理，实现了时间的实时更新展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实时获取系统的时间

用Date来获取时间，可以直接输出，但是是没有经过转换过的格式。要变成你所想要的，还得调用一些方法。

下面是一个简单的例子

<script>
    function fn() {
        now=new Date();
        year=now.getFullYear();		//获取年份
        month=now.getMonth();		//获取月份
        date=now.getDate();			//获取日期
        hour=now.getHours();		//获取小时
        minu=now.getMinutes();		//获取分钟
        sec=now.getSeconds();		//获取秒
        month=month+1;     			//注意：月份要加1
        if (minu<10){				//如果分钟数是一位数，那就再前面加0
            minu="0"+minu;
        }
        if(sec<10){					//如果秒数是一位数，那就再前面加0
            sec="0"+sec;
        }
        document.getElementById("time").value=year+"-"+month+"-"+date+" "+hour+":"+minu+":"+sec;
        setTimeout("fn()",1000);	//设置一个定时器，每隔1s重新调用这个函数，就会实时获取系统时间
    }
</script>

在这里插入图片描述