欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js帶鬧鈴功能的倒計(jì)時(shí)代碼

 更新時(shí)間:2016年09月29日 12:01:38   作者:一直在路上前行  
這篇文章主要為大家詳細(xì)介紹了js帶鬧鈴功能的倒計(jì)時(shí)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

Js倒計(jì)時(shí)代碼,帶鬧鈴功能,自定義鬧鐘倒計(jì)時(shí)功能,點(diǎn)擊開始按鈕,即可開始倒數(shù),代碼不是太復(fù)雜,新手應(yīng)該能看懂,代碼分享給大家。
效果圖:

源碼:

<html> 
<head> 
<title>Js倒計(jì)時(shí),鬧鈴功能</title> 
<script language="javascript"> 
function $(id){ 
 return document.getElementById(id); 
} 
function down(){ 
 $("second").value-=1; 
 
 if($("second").value==0&&$("minutes").value==0&&$("hours").value==0) 
 { 
 window.alert("干正事了!?。?); 
 clearInterval(timeout); 
  
 } 
 
 
 if($("second").value==-1) 
 { 
 $("second").value=59; 
 $("minutes").value-=1; 
 } 
 if($("minutes").value==-1) 
 { 
 $("minutes").value=59; 
 $("hours").value-=1; 
 } 
} 
var timeout; 
function begin(){ 
 timeout=setInterval("down()",1000); 
} 
function stop(){ 
 clearInterval(timeout); 
} 
var dt=new Date(); 
function setclock() 
{ 
 var hours=$("clock_hours").value-dt.getHours(); 
 var minutes=$("clock_minutes").value-dt.getMinutes(); 
 if(minutes<0) 
 { 
 if(hours<0) 
 { 
 $("minutes").value=60-Math.abs(minutes); 
 $("hours").value=24-Math.abs(hours); 
 } 
 else if(hours==0) 
 { 
 $("minutes").value=60-Math.abs(minutes); 
 $("hours").value=Math.abs(hours); 
 } 
 else 
 { 
 $("minutes").value=60-Math.abs(minutes); 
 $("hours").value=Math.abs(hours)-1; 
 } 
 } 
 else if(minutes==0) 
 { 
 if(hours<0) 
 { 
 $("minutes").value=Math.abs(minutes); 
 $("hours").value=24-Math.abs(hours); 
 } 
 else if(hours==0) 
 { 
 $("minutes").value=Math.abs(minutes); 
 $("hours").value=Math.abs(hours)+24; 
 } 
 else 
 { 
 $("minutes").value=Math.abs(minutes); 
 $("hours").value=Math.abs(hours); 
 } 
 } 
 else 
 { 
 if(hours<0) 
 { 
 $("minutes").value=60-Math.abs(minutes); 
 $("hours").value=24-Math.abs(hours); 
 } 
 else if(hours==0) 
 { 
 $("minutes").value=Math.abs(minutes); 
 $("hours").value=Math.abs(hours); 
 } 
 else 
 { 
 $("minutes").value=Math.abs(minutes); 
 $("hours").value=Math.abs(hours); 
 } 
 } 
} 
function reset() 
{ 
 var time=document.getElementsByName("time"); 
 for(i=0;i<time.length;i++) 
 { 
 time[i].value=0; 
 } 
} 
</script> 
</head> 
<body> 
距鬧鈴響起的時(shí)間還有:<input type="text" id="hours" style="width:20px" value="0" name="time" /> 
:<input type="text" id="minutes" value="0" style="width:20px" name="time"/>: 
<input type="text" id="second" value="0" style="width:20px" name="time"/><br/> 
<input type="text" id="clock_hours" value="0" style="width:20px" name="time"/>時(shí): 
<input type="text" id="clock_minutes" value="0" style="width:20px" name="time"/>分<br/> 
<input type="button" value="設(shè)置鬧鐘" onclick="setclock()" /> 
<input type="button" value="重置" onclick="reset()" /><br/> 
<input type="button" value="開始" onclick="begin()"> 
<input type="button" value="停止" onclick="stop()"> 
</body> 
</html> 

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論