zoukankan      html  css  js  c++  java
  • Javascript/Jquery——简单定时器

    第一种方法:
    <%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://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>
     <div id="currentTime"></div>
     </body>
     </html> 

    第二种方法:

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://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()">
     <div id="currentTime"></div>
     </body>
     </html> 


    第三种方法:

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://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>
    



     

  • 相关阅读:
    转:CTE(公共表表达式)——WITH子句
    排名函数——ROW_NUMBER()、RANK()、DENSE_RANK()和NTILE(n)
    深层拷贝和浅层拷贝
    Jmeter如何连接数据库Mysql
    java执行cmd命令并获取输出结果
    Java 读取Excel2007 jar包冲突的问题(org.apache.poi.POIXMLException: java.lang.reflect.InvocationTargetException)
    读写文件
    eclipse报jvm terminated.exitcode=2异常解决办法
    Appium常用的API函数
    自动化生成html报告
  • 原文地址:https://www.cnblogs.com/snake-hand/p/3149635.html
Copyright © 2011-2022 走看看