js网页超时设定和时间间隔



js网页超时设定和时间间隔

 

 

 

 

 

 

 


js里的超时设定和时间间隔
//setTimeout和默认状态栏实例
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
<html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>无标题文档</title>
<script type=”text/javascript”>
function time_statusline(){
 var time=new Date();
 var h=time.getHours();
 var m=time.getMinutes();
 var s=time.getSeconds();
 var ss=”AM”;
 if(h>12){
  h-=12;
  ss=”PM”;
  }
 if(m<10){
  m=”0″+m;
  }
  var t=”当前时间是”+h+”:”+m+”:”+s+” “+ss;
    defaultStatus=t;
 setTimeout(“time_statusline()”,1000);
}
</script>
</head>

<body onload=”time_statusline();”>
</body>
</html>
代码显示效果：

js里的超时设定和时间间隔

//clearTimeout实例

<html>
<head>
<script type=”text/javascript”>
var c=0
var t
function timedCount()
 {
 document.getElementByIdx_x_x(‘txt’).value=c
 c=c+1
 t=setTimeout(“timedCount()”,1000)
 }
function stopCount()
 {
 clearTimeout(t)
 }
</script>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<style type=”text/css”>
body,td,th {
font-family: “Lucida Sans Unicode”, “Lucida Grande”, sans-serif;
}
</style>
</head>
<body>

<form>
<input type=”button” value=”Start count!” onClick=”timedCount()”>
<input type=”text” id=”txt”>
<input type=”button” value=”Stop count!” onClick=”stopCount()”>
</form>

</body>
</html>