这个功能在网页以及APP中十分常见。故在这里分享。
代码如下:
<p>
当前时间为:<span class='time'></span>
</p>
<script>
setInterval(function(){
var date = new Date();//获取的是时间戳形式
document.querySelector('.time').innerHTML = `
${date.getFullYear()}年${date.getMonth()+1}月${date.getDate()}日-${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`
},1000)
</script>
代码中涉及到的小知识点:
1、document.quertSelector();为html5新增的获取DOM元素的方式
2、获取当前时间的方法:new Date();
3、``为模板字符串,写法较传统字符串更简洁,`${}`即可
4、当前代码中使用的定时器可执行多次
5、获取到的月份,是0-11,故在使用时,要对其进行+1