<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>显示时间</title>
</head>
<body>
<div>
今天日期:<span id="nian">2023</span>年<span id="yue">11</span>月<span id="ri">10</span>日<br>
当前时间:<span id="shi">9</span>时<span id="fen">11</span>分<span id="miao">10</span>秒<br>
<span class="time">下午好!</span>欢迎来到互联网学院!
</div>
<script>
var count = 0
function gettime(){
// 1.获取时间对象
var riqi = new Date()
// 2.拆分时间 年,月,日,时,分,秒
var year = riqi.getFullYear()
var month = riqi.getMonth()+1
var date = riqi.getDate()
var shi = riqi.getHours()
var fen = riqi.getMinutes()
var miao = riqi.getSeconds()
//获取年、月、日
document.getElementById("nian").innerHTML = year
document.getElementById("yue").innerHTML = month
document.getElementById("ri").innerHTML = date
// 获取时、分、秒
document.getElementById("shi").innerHTML = shi
document.getElementById("fen").innerHTML = fen
document.getElementById("miao").innerHTML = miao
count++
if(count==5){
clearInterval(timeer)
}
if(shi<=12){
document.querySelector(".time").innerHTML = "上午好!"
}else{
document.querySelector(".time").innerHTML = "下午好!"
}
}
// 定时器函数 setInterval("调用的函数",间隔的时间)
var timeer = setTimeout("gettime()",1000)
function getyanshi(){
clearTimeout(timeer)
}
getyanshi()
</script>
</body>
</html>
<!-- <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>显示时间</title>
</head>
<body>
<div>
当前时间:<span id="shi"></span>时<span id="fen"></span>分<span id="miao"></span>秒<br>
</div>
<script>
function gettime(){
// 1.获取时间对象
var riqi = new Date()
// 2.拆分时间 年,月,日,时,分,秒
var year = riqi.getFullYear()
var month = riqi.getMonth()+1
var date = riqi.getDate()
var shi = riqi.getHours()
var fen = riqi.getMinutes()
var miao = riqi.getSeconds()
// //获取年、月、日
// document.getElementById("nian").innerHTML = year
// document.getElementById("yue").innerHTML = month
// document.getElementById("ri").innerHTML = date
// 获取时、分、秒
document.getElementById("shi").innerHTML = shi
document.getElementById("fen").innerHTML = fen
document.getElementById("miao").innerHTML = miao
}
gettime()
// setTimeout("gettime()",3000)
</script>
</body>
</html> -->
|ʘᗝʘ|626
- 粉丝: 339
- 资源: 1
最新资源
- NE555+74LS192+74LS48电子秒表课程设计报告(纯数电实现)
- 基于深度学习的视频描述综述:视觉与语言的桥梁
- 2024年全球干式变压器行业规模及市场占有率分析报告
- 小红书2024新年市集合作方案解析与品牌营销策略
- 基于javaweb的沙发销售管理系统论文.doc
- 毕业设计Jupyter Notebook基于深度网络的垃圾识别与分类算法研究项目源代码,用PyTorch框架中的transforms方法对数据进行预处理操作,后经过多次调参实验,对比不同模型分类效果
- 基于java的扫雷游戏的设计与实现论文.doc
- 基于java的企业员工信息管理系统论文.doc
- 深度视频压缩框架:从预测编码到条件编码的技术革新
- 1221额的2的2的2额
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈