js带闹铃功能的倒计时代码

射流研究…倒计时代码，带闹铃功能，自定义闹钟倒计时功能，点击开始按钮，即可开始倒数，代码不是太复杂，新手应该能看懂，代码分享给大家。效果图：

源码：

超文本标记语言标题射流研究…倒计时，闹铃功能/title脚本语言='javascript '函数$(id){返回文档。getelementbyid(id)；}函数down(){ $(“秒”).值-=1;if($("秒")。value==0$('分钟')。value==0$(“小时”).value==0) { window.alert('干正事了！');clearInterval(超时);} if($("秒")。value==-1) { $(“秒”).值=59;$('分钟')。值-=1;} if($('分钟')。value==-1) { $('分钟')。值=59;$('小时')。值-=1;} } var超时；函数begin(){ time out=setInterval(' down()'，1000)；}函数stop(){ clearInterval(超时);} var dt=新日期();函数setclock(){ var hours=$(“clock _ hours”).值-dt。gethours()；定义变量分钟数=$(“时钟分钟”).值-dt。GetMinutes()；如果(分钟0) { if(小时0) { $('分钟')。值=60-Math.abs(分钟);$('小时')。value=24-Math.abs(小时);} else if(小时==0) { $('分钟')。值=60-Math.abs(分钟);$('小时')。value=Math.abs(小时);} else { $('分钟')。值=60-Math.abs(分钟);$('小时')。value=Math.abs(小时)-1;} } else if(分钟==0) { if(小时0) { $('分钟')。value=Math.abs(分钟);$('小时')。value=24-Math.abs(小时);} else if(小时==0) { $('分钟')。value=Math.abs(分钟);$('小时')。value=Math.abs(小时)24;} else { $('分钟')。value=Math.abs(分钟);$('小时')。value=Math.abs(小时);} } else { if(hours0) { $('分钟')。值=60-Math.abs(分钟);$('小时')。value=24-Math.abs(小时);} else if(小时==0) { $('分钟')。value=Math.abs(分钟);$('小时')。value=Math.abs(小时);} else { $('分钟')。value=Math.abs(分钟);$('小时')。value=Math.abs(小时);} } }函数reset(){ var time=document。getelementsbyname(' time ')；for(I=0；长度时间。值=0;} }/脚本/头体距闹铃响起的时间还有：输入类型=' text ' id=' hours ' style=' width :20 px ' value=' 0 ' name=' time '/:输入类型=' text ' id=' minutes ' value=' 0 ' style=' width :20 px ' name=' time '/:输入类型=' text ' id=' second ' value=' 0 ' style=' width 336020 px ' name=' time '/br/输入类型=' text '时：输入类型='text' id='clock_minutes '值=' 0 ' style=' width :20 px ' name=' time '/分br/输入类型='按钮'值='设置闹钟onclick=' setclock()'/input type=' button ' value='重置onclick=' reset()'/br/input type=' button ' value='开始onclick='begin()'输入类型='按钮'值='停止onclick='stop()' /body /html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。