如何使用html获取当前时间?

html获取当前时间一般使用javascript

首先使用new Date()获取当前时间,但是这时候输出的时间并不是我们平时习惯的时间方式

eg:

如何使用html获取当前时间?

运行效果为:

如何使用html获取当前时间?

然后使用相应的函数获取年、月、日,我们以获取年份的例子来看一下效果

如何使用html获取当前时间?

运行效果为:

如何使用html获取当前时间?

再加上 星期,时、分、秒之后:

如何使用html获取当前时间?

运行效果:

如何使用html获取当前时间?

然后发现这是静态的,只能获取当前时间,而不会随时间的变化而变化,如果希望效果是动态的,我们需要使用计时器

setTimeout(code,millisec)或者setInterval(code,millisec),在下面的例子里我们用的是setInterval(code,millisec)

并且在输出时借用了一个文本框

如何使用html获取当前时间?

效果为:

如何使用html获取当前时间?

看起来好像没有什么变化,但在自己运行的时候显示的会是一个动态的效果。

说一下20行的如何使用html获取当前时间?代码,为了让分钟数小于10时也可以显示两位数的效果,看起来更美观。20行的其他两个类似的代码也是为了这样的效果。