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

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

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

eg:


运行效果为:


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


运行效果为:

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


运行效果:


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

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

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


效果为:


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

说一下20行的代码,为了让分钟数小于10时也可以显示两位数的效果,看起来更美观。20行的其他两个类似的代码也是为了这样的效果。


  • 21
    点赞
  • 90
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值