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 模拟用户单击事件
Dec 31 Javascript
限制textbox或textarea输入字符长度的JS代码
Oct 16 Javascript
Bootstrap自定义文件上传下载样式
May 26 Javascript
JavaScript动态添加事件之事件委托
Jul 12 Javascript
jQuery将表单序列化成一个Object对象的实例
Nov 29 Javascript
JS优化与惰性载入函数实例分析
Apr 06 Javascript
JavaScript用二分法查找数据的实例代码
Jun 17 Javascript
详解AngularJS 过滤器的使用
Jun 02 Javascript
vue动态子组件的两种实现方式
Sep 01 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
Sep 27 Javascript
javascript随机变色实例代码
Oct 15 Javascript
vue引入静态js文件的方法
Jun 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&amp;java(一)
2006/10/09 PHP
destoon实现资讯信息前面调用它所属分类的方法
2014/07/15 PHP
php通过正则表达式记取数据来读取xml的方法
2015/03/09 PHP
Laravel框架中VerifyCsrfToken报错问题的解决
2017/08/30 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
PHP htmlentities()函数用法讲解
2019/02/25 PHP
VBScript版代码高亮
2006/06/26 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
2014/08/18 Javascript
当前流行的JavaScript代码风格指南
2014/09/10 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
2014/12/01 Javascript
jQuery中odd选择器的定义和用法
2014/12/23 Javascript
关于Jquery中的事件绑定总结
2016/10/26 Javascript
js运算符的一些特殊用法
2018/07/29 Javascript
详解Vue CLI3配置之filenameHashing使用和源码设计使用和源码设计
2018/08/31 Javascript
JS实现图片拖拽交换效果
2018/11/30 Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
2020/03/10 Javascript
[04:32]DOTA2著名解说配音敌法师 现场专访海涛怒切假腿
2013/12/20 DOTA
python实现给字典添加条目的方法
2014/09/25 Python
Python实现豆瓣图片下载的方法
2015/05/25 Python
不同版本中Python matplotlib.pyplot.draw()界面绘制异常问题的解决
2017/09/24 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
python实现创建新列表和新字典,并使元素及键值对全部变成小写
2019/01/15 Python
由Python编写的MySQL管理工具代码实例
2019/04/09 Python
Pytorch evaluation每次运行结果不同的解决
2020/01/02 Python
python 最简单的实现适配器设计模式的示例
2020/06/30 Python
Python中猜拳游戏与猜筛子游戏的实现方法
2020/09/04 Python
Python 获取异常(Exception)信息的几种方法
2020/12/29 Python
SCHIESSER荷兰官方网站:德国内衣专家
2020/10/09 全球购物
Java提供了哪些企业应用编程接口
2015/02/13 面试题
异步传递消息系统的作用
2016/05/01 面试题
中国梦主题教育活动总结
2014/05/05 职场文书
老人再婚离婚协议书范本
2014/10/27 职场文书
2015年学校后勤工作总结
2015/04/08 职场文书
毕业酒会致辞
2015/07/29 职场文书
WinServer2012搭建DNS服务器的方法步骤
2022/06/10 Servers