<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5语音报时</title>
<style type="text/css">
#time{font-family:"开心软件新魔法简体","开心软件娃娃篆简体","arial";font-size:45px}
.test{font-family:"开心软件黑体简体",arial,"微软雅黑","方正黑体简体","黑体";font-size:16px}
.shuomingbt{font-family:"开心软件魔法简体","开心软件中特简体","微软雅黑",sans-serif;font-size:25px}
.shuoming{font-family:"开心软件准圆简体","方正准圆_gbk","scerh","开心软件卡通简体","迷你简卡通","方正卡通简体","方正卡通_gbk","于洪亮硬笔行楷手写体","腾祥铚谦钢笔简","华文行楷","方正书宋简体","腾祥沁圆简","华文黑体","腾祥婀娜体简","微软雅黑","宋体",sans-serif;font-size:16px}
/*.by{font-family:"scerh","开心软件新魔法简体","开心软件卡通简体",sans-serif;font-size:16px}*/
</style>
</head>
<body>
<center id="time"></center>
<center><span class="test">到整点后语音报时,哈哈!</span></center><br><br>
<center class="shuoming">整点报时</center>
<!--<br><br><br><br><br><br>
<center class="by" style="text-align:right;"><br><br><br><br><br>BY放飞的你们 </center>-->
<audio style="display:none;" id="audio">
<script type="text/javascript">
function get10(i){if(i<10){i="0"+i}return i}
setTimeout(function aee(){
var se=new Date()
var sh=se.getHours()
var sm=se.getMinutes()
var ss=se.getSeconds()
if(sm==0&&ss==0){
document.getElementById("audio").src="mp3/"+sh+".mp3"
document.getElementById("audio").play()
}
setTimeout(aee,900)
},900)
setTimeout(function aee2(){
var se=new Date()
var sh=se.getHours()
var sm=se.getMinutes()
var ss=se.getSeconds()
document.getElementById("time").innerHTML=get10(sh)+":"+get10(sm)+":"+get10(ss)
setTimeout(aee2,500)
},500)
var se=new Date()
var sh=se.getHours()
var sm=se.getMinutes()
var ss=se.getSeconds()
document.getElementById("time").innerHTML=get10(sh)+":"+get10(sm)+":"+get10(ss)
</script>
</body>
</html>
HTML5语音报时+语音包.rar
需积分: 50 111 浏览量
2019-07-30
09:45:01
上传
评论
收藏 119KB RAR 举报
dfasdklfj
- 粉丝: 2
- 资源: 4
最新资源
- Screenshot_20240427_031602.jpg
- 网页PDF_2024年04月26日 23-46-14_QQ浏览器网页保存_QQ浏览器转格式(6).docx
- 直接插入排序,冒泡排序,直接选择排序.zip
- 在排序2的基础上,再次对快排进行优化,其次增加快排非递归,归并排序,归并排序非递归版.zip
- 实现了7种排序算法.三种复杂度排序.三种nlogn复杂度排序(堆排序,归并排序,快速排序)一种线性复杂度的排序.zip
- 冒泡排序 直接选择排序 直接插入排序 随机快速排序 归并排序 堆排序.zip
- 课设-内部排序算法比较 包括冒泡排序、直接插入排序、简单选择排序、快速排序、希尔排序、归并排序和堆排序.zip
- Python排序算法.zip
- C语言实现直接插入排序、希尔排序、选择排序、冒泡排序、堆排序、快速排序、归并排序、计数排序,并带图详解.zip
- 常用工具集参考用于图像等数据处理
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈