var date=new Date()
//2. 获取当前分钟
var min=date.getMinutes()
//3. 设置当前时间+5分钟:把当前分钟数+5后的值重新设置为date对象的分钟数
date.setMinutes(min+5)
//4. 测试
console.log(date.toLocaleString())
alert(date.toLocaleString())
结果展示:
以下是使用 HTML 和 JavaScript 制作一个带有天、时、分、秒的时间表的示例:<!DOCTYPE html>
<html>
<head>
<title>时间表</title>
<script>
// 获取当前日期和时间
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 onload="getCurrentTime()">
<h1>时间表</h1>
<p>日期: <span id="day"></span>/<span id="month"></span>/<span id="year"></span></p>
<p>时间: <span id="hours"></span>:<span id="minutes"></span>:<span id="seconds"></span></p>
</body>
</html>
这段代码创建了一个简单的 HTML 页面,其中包含了一个时间表,显示了当前的日期和时间。JavaScript 部分使用了 Date 对象来获取当前的日期和时间,并通过将其内容更新到页面上的相应元素中来实现动态更新。setInterval 函数用于每秒钟调用一次 getCurrentTime 函数,以保持时间的实时更新。
请注意,这里使用了 getElementById 函数来获取页面上的元素,并通过 textContent 属性来设置元素的文本内容。这只是一个简单的示例,实际上在实际项目中,您可能需要更复杂的逻辑来处理日期和时间的格式化、时区的考虑等。
<!DOCTYPE HTML><html>
<head>
<meta charset=UTF-8>
<title>recursion</title>
<style type="text/css">
</style>
<script type="text/javascript">
onload = function ()
{
setInterval (function ()
{
var date = new Date ()
date.setHours (date.getHours () + 1)
var m = date.getMonth () + 1
m = m < 10 ? "0" + m : m
var d = date.getDate ()
d = d < 10 ? "0" + d : d
var h = date.getHours ()
h = h < 10 ? "0" + h : h
var mm = date.getMinutes ()
mm = mm < 10 ? "0" + mm : mm
txt.value = m + "-" + d + "-" + h + "-" + mm
}, 1000)
}
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)