javascript代码实例教程-Javascript/Jquery――简单定时器

发布时间:2019-04-14 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-Javascript/Jquery――简单定时器脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

PRint?第一种方法: 

第一种方法:[htML]
<%@ page language="java" contentTyPE="text/html; charset=UTF-8"pageEncoding="UTF-8"%> 
<!DOCTYPE html PubLIC "-//W3C//DTD XHTML 1.0 TransITional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 <html> 
 <head> 
 <title>定时器</title> 
 <script language="javascript" src="jquery-1.4.2.js"></script> 
 <script language="javascript"> 
    //使用setInterval间歇调用 (不建议使用该方法) 
    $(function(){ 
        setInterval(function(){ 
            $("#currentTime").text(new Date().toLocaleString()); 
        },1000); 
    }); 
 </script> 
 </head> 
 <body> 
 <p id="currentTime"></p> 
 </body> 
 </html>  

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
 <head>
 <title>定时器</title>
 <script language="javascript" src="jquery-1.4.2.js"></script>
 <script language="javascript">
 //使用setInterval间歇调用 (不建议使用该方法)
 $(function(){
   setInterval(function(){
   $("#currentTime").text(new Date().toLocaleString());
   },1000);
 });
 </script>
 </head>
 <body>
 <p id="currentTime"></p>
 </body>
 </html> 第二种方法:

[html]
%@ page language="java" contentType="text/html; charset=UTF-8" 
    pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 <head> 
 <title>定时器</title> 
 <script language="javascript" src="jquery-1.4.2.js"></script> 
 <script language="javascript"> 
    //使用setTimeout超时调用 
    function startTime(){ 
         $("#currentTime").text(new Date().toLocaleString()); 
         setTimeout('startTime()',1000); 
     } 
 </script> 
 </head> 
 <body onload="startTime()"> 
 <p id="currentTime"></p> 
 </body> 
 </html>  

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <head>
 <title>定时器</title>
 <script language="javascript" src="jquery-1.4.2.js"></script>
 <script language="javascript">
 //使用setTimeout超时调用
 function startTime(){
   $("#currentTime").text(new Date().toLocaleString());
   setTimeout('startTime()',1000);
  }
 </script>
 </head>
 <body onload="startTime()">
 <p id="currentTime"></p>
 </body>
 </html>
第三种方法:

[html]
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 <head> 
 <title>定时器</title> 
 <script type="text/javascript"> 
    VAR c=0; 
    var t; 
    function timedCount(){ 
        document.getElementById('txt').value=c; 
        c=c+1; 
        t=setTimeout("timedCount()",1000); 
    } 
 
    function stopCount(){ 
        clearTimeout(t); 
    } 
 </script> 
 </head> 
 
 <body> 
   <form> 
     <input type="button" value="开始计时!" onclick="timedCount()"/> 
     <input type="text" id="txt"/> 
     <input type="button" value="停止计时!" onclick="stopCount()"/> 
   </form> 
 </body> 
 </html> 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <head>
 <title>定时器</title>
 <script type="text/javascript">
    var c=0;
 var t;
 function timedCount(){
  document.getElementById('txt').value=c;
  c=c+1;
  t=setTimeout("timedCount()",1000);
 }

 function stopCount(){
  clearTimeout(t);
 }
 </script>
 </head>

 <body>
   <form>
     <input type="button" value="开始计时!" onclick="timedCount()"/>
     <input type="text" id="txt"/>
     <input type="button" value="停止计时!" onclick="stopCount()"/>
   </form>
 </body>
 </html>

 

 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-Javascript/Jquery――简单定时器全部内容,希望文章能够帮你解决javascript代码实例教程-Javascript/Jquery――简单定时器所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。