怎样用js在表单input中插入时间_IT百科

用js在表单input中插入时间的方法：

创建一个文本域input来存放时间

时间：<input id="idate" type="text" value="">

js获取input对象，并给value属性赋值

var iObj = document.getElementById("idate")

生成系统时间赋值

var dt = new Date()

给iObj赋值

iObj.value=dt

运行结果

以下是使用 HTML 和 JavaScript 制作一个带有天、时、分、秒的时间表的示例：

<!DOCTYPE html>

<html>

<head>

// 获取当前日期和时间

function getCurrentTime() {

var now = new Date()

var day = now.getDate()

var month = now.getMonth() + 1

var year = now.getFullYear()

var hours = now.getHours()

var minutes = now.getMinutes()

var seconds = now.getSeconds()

// 将单个数字的小时、分钟和秒前面添加零

hours = padZero(hours)

minutes = padZero(minutes)

seconds = padZero(seconds)

// 更新时间表的文本内容

document.getElementById("day").textContent = day

document.getElementById("month").textContent = month

document.getElementById("year").textContent = year

document.getElementById("hours").textContent = hours

document.getElementById("minutes").textContent = minutes

document.getElementById("seconds").textContent = seconds

}

// 在数字前面添加零，如果数字小于10

function padZero(num) {

return (num <10 ? "0" : "") + num

}

// 每秒钟更新一次时间

setInterval(getCurrentTime, 1000)

</script>

</head>

</body>

</html>

这段代码创建了一个简单的 HTML 页面，其中包含了一个时间表，显示了当前的日期和时间。JavaScript 部分使用了 Date 对象来获取当前的日期和时间，并通过将其内容更新到页面上的相应元素中来实现动态更新。setInterval 函数用于每秒钟调用一次 getCurrentTime 函数，以保持时间的实时更新。

请注意，这里使用了 getElementById 函数来获取页面上的元素，并通过 textContent 属性来设置元素的文本内容。这只是一个简单的示例，实际上在实际项目中，您可能需要更复杂的逻辑来处理日期和时间的格式化、时区的考虑等。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/7979739.html

怎样用js在表单input中插入时间

发表评论

评论列表（0条）