js代码

我们利用一下模块化思想#xff0c;直接把获得时间这个功能写成一个函数。

方便后续的调用

function

我们利用一下模块化思想直接把获得时间这个功能写成一个函数。

方便后续的调用

function

今年是${date.getFullYear()}年${date.getMonth()1}月${date.getDate()}日}document.querySelector(.contain-top).innerHTML

getTime()然后将输入框中的事件给加载进去注意格式的划分。

使用基本的时间算法

const

document.querySelector(input)function

dateChat()

Date(${date1.getFullYear()}-${date1.getMonth()1}-${date1.getDate()}

${input.value})time

sdocument.querySelector(.hour).innerHTML

hdocument.querySelector(.min).innerHTML

mdocument.querySelector(.second).innerHTML

s}设置回车监听和按钮监听

{document.querySelector(.timeout).innerHTML

input.valuedateChat()setInterval(dateChat,

1000)}}})const

document.querySelector(button)button.addEventListener(click,

function

{document.querySelector(.timeout).innerHTML

input.valuedateChat()setInterval(dateChat,

1000)}})完整代码

initial-scale1.0title倒计时/titlestyle*

{padding:

classcontain-top今年是2222年2月22日/divdiv

classhour12/divdiv

placeholder18:00:00button提交/button/divscript//加载上边的时间function

getTime()

今年是${date.getFullYear()}年${date.getMonth()1}月${date.getDate()}日}document.querySelector(.contain-top).innerHTML

getTime()//

document.querySelector(input)function

dateChat()

Date(${date1.getFullYear()}-${date1.getMonth()1}-${date1.getDate()}

${input.value})time

sdocument.querySelector(.hour).innerHTML

hdocument.querySelector(.min).innerHTML

mdocument.querySelector(.second).innerHTML

s}input.addEventListener(keyup,

function

{document.querySelector(.timeout).innerHTML

input.valuedateChat()setInterval(dateChat,

1000)}}})const

document.querySelector(button)button.addEventListener(click,

function

{document.querySelector(.timeout).innerHTML

input.valuedateChat()setInterval(dateChat,

1000)}})//