日期:2014-05-18  浏览次数:20510 次

如何做计时器?
我做了个如下的倒数10秒的计时器
<head runat="server">
  <title>无标题页</title>
<script language="javascript" type="text/javascript">
// <!CDATA[

var temp=10;  
function ojump(){
  temp-=1;
  document.getElementById("myclock").innerText=temp;
  if(temp==0){clearTimeout(obj)}
}
var obj=setInterval("ojump()",1000);

// ]]>
</script>

</head>
<body>
  <span id="myclock">10</span>
  <form id="form1" runat="server">
  <div>
   
  </div>
  </form>
</body>
</html>

问题:我这个计时器是考试时间倒数用的,考试有多长时间在数据库中指定。也就是说,计时器的初始时间并不固定,由Asp.net代码在服务器端数据库中读出,然后由这段客户端脚本跳动显示。那么如何把服务器端代码读到数据库中的数值传到<span id="myclock">10</span>中去显示,再由这段客户端代码去负责跳动呢?

------解决方案--------------------
HTML code

<head runat="server"> 
     <title>无标题页 </title> 
<script language="javascript" type="text/javascript"> 
//  <!CDATA[ 

var temp=<%= ticks %>;      
function ojump(){ 
    temp-=1; 
    document.getElementById("myclock").innerText=temp; 
    if(temp==0){clearTimeout(obj)} 
} 
var obj=setInterval("ojump()",1000); 

// ]]> 
</script> 

</head> 
<body> 
     <span id="myclock">10 </span> 
     <form id="form1" runat="server"> 
     <div> 
     
     </div> 
     </form> 
</body> 
</html>