HTML5整点语音报时代码【原创

来源:https://www.sucaihuo.com/js/3572.html 2018-03-24 14:57浏览(1380) 收藏

HTML5整点语音报时代码,到了整点后,开始报时。实现原理也很简单,js判断几点整就调用相应mp3音频播放。
HTML5整点语音报时代码
分类:日期时间 > 时间戳 难易:入门级
查看演示 下载资源 下载积分: 10 积分

js代码

<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>
标签: 语音报时
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/3572.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2