Javascript/Jquery——简单定时器的多种实现方法


Posted in Javascript onJuly 03, 2013

第一种方法:

<%@ 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>
Javascript 相关文章推荐
javascript编程起步(第五课)
Feb 27 Javascript
javascript 动态参数判空操作
Dec 22 Javascript
ext 代码生成器
Aug 07 Javascript
高性能web开发 如何加载JS,JS应该放在什么位置?
May 14 Javascript
jquery实现带复选框的表格行选中删除时高亮显示
Aug 01 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
Nov 20 Javascript
js判断游览器类型及版本号的代码
May 11 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
javascript实现遮罩层动态效果实例
May 14 Javascript
layui radio点击事件实现input显示和隐藏的例子
Sep 02 Javascript
刷新页面后让控制台的js代码继续执行
Sep 20 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
Jul 03 #Javascript
JS去除右边逗号的简单方法
Jul 03 #Javascript
JavaScript实现QueryString获取GET参数的方法
Jul 02 #Javascript
jQuery 全选/反选以及单击行改变背景色实例
Jul 02 #Javascript
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 #Javascript
jquery获取iframe中的dom对象(两种方法)
Jul 02 #Javascript
JS实现可改变列宽的table实例
Jul 02 #Javascript
You might like
php魔术方法与魔术变量、内置方法与内置变量的深入分析
2013/06/03 PHP
一个PHP的ZIP压缩类分享
2014/05/04 PHP
PHP提示Cannot modify header information - headers already sent by解决方法
2014/09/22 PHP
PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )
2016/07/09 PHP
php使用json_decode后数字对象转换成了科学计数法的解决方法
2017/02/20 PHP
php实现购物车功能(以大苹果购物网为例)
2017/03/09 PHP
Node.js实现简单聊天服务器
2014/06/20 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
2016/03/07 Javascript
jquery获取form表单input元素值的简单实例
2016/05/30 Javascript
JS判断是否手机或pad访问实现方法
2016/12/09 Javascript
jquery.cookie.js的介绍与使用方法
2017/02/09 Javascript
Angular 通过注入 $location 获取与修改当前页面URL的实例
2017/05/31 Javascript
vue+vant实现商品列表批量倒计时功能
2020/01/13 Javascript
vue+高德地图实现地图搜索及点击定位操作
2020/09/09 Javascript
three.js如何实现3D动态文字效果
2021/03/03 Javascript
[01:10]为家乡而战!完美世界城市挑战赛全国总决赛花絮
2019/07/25 DOTA
用python + openpyxl处理excel2007文档思路以及心得
2014/07/14 Python
使用rst2pdf实现将sphinx生成PDF
2016/06/07 Python
Windows下PyCharm安装图文教程
2018/08/27 Python
Python 调用PIL库失败的解决方法
2019/01/08 Python
使用Keras实现Tensor的相乘和相加代码
2020/06/18 Python
python实现MySQL指定表增量同步数据到clickhouse的脚本
2021/02/26 Python
网络安全类面试题
2015/08/01 面试题
启动一个线程是用run()还是start()
2016/12/25 面试题
自我鉴定思想方面
2013/10/07 职场文书
建筑设计师岗位职责
2013/11/18 职场文书
工程总经理工作职责
2013/12/09 职场文书
数控技校生自我鉴定
2014/04/19 职场文书
2014教师党员个人自我评议
2014/09/20 职场文书
2015入党自荐书范文
2015/03/05 职场文书
预防艾滋病宣传活动总结
2015/05/09 职场文书
环保建议书作文300字
2015/09/14 职场文书
SpringBoot项目中控制台日志的保存配置操作
2021/06/18 Java/Android
Nginx配置根据url参数重定向
2022/04/11 Servers