當前位置：首頁 > 编程语言 > java >内容正文

java

Javascript/Jquery——简单定时器

發布時間：2024/9/20 java 35 豆豆

生活随笔收集整理的這篇文章主要介紹了 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 οnlοad="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="開始計時！" οnclick="timedCount()"/><input type="text" id="txt"/><input type="button" value="停止計時！" οnclick="stopCount()"/></form></body></html>

總結

以上是生活随笔為你收集整理的Javascript/Jquery——简单定时器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：挂载WebDav提供的网络存储----C
下一篇：菜鸟学Java（七）——Ajax+Ser