简易版铃声定时系统

最新推荐文章于 2024-07-13 10:35:00 发布

Teng-YJ

最新推荐文章于 2024-07-13 10:35:00 发布

阅读量112

点赞数

分类专栏：自写小案例（粉丝）文章标签： js html

本文链接：https://blog.csdn.net/weixin_46999664/article/details/109031237

版权

自写小案例（粉丝）专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<button onclick="time1()" style="margin-bottom: 50px;">点击开始</button>
		<div id="miusic">
			<audio id="miu" controls style="display: none;">
			  <source src="tt.ogg" type="audio/ogg">
			  <source src="tt.mp3" type="audio/mpeg">
			  您的浏览器不支持 audio 元素。
			</audio>
		</div>
		<div id="time3">
			2020年9月8日19：00：00
		</div>
	</body>
</html>

<script type="text/javascript">
	function time1(){
		var newTime = new Date();
		var year = newTime.getFullYear();
		var month = newTime.getMonth();
		var day = newTime.getDay();
		var hour = newTime.getHours();
		var miu = newTime.getMinutes();
		var sec = newTime.getSeconds();
		var time2 = document.getElementById("time3").innerHTML = year + "年" + month + "月" + day + "日" + hour + ":" + miu + ":" + sec ;
		if(sec == 30){
			var star = document.getElementById('miu');
			star.play();
		}
	}
	setInterval(time1,1000);
</script>

Teng-YJ

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
简易版铃声定时系统

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button onclick="time1()" style="margin-bottom: 50px;">点击开始</button> <div id="miusic"> <a
复制链接

扫一扫