您现在的位置:首页 >> JS&Jq >> 内容

jquery 定时器的使用

时间:2013-6-17 15:32:28 点击:

  核心提示: 在页面上定时做某些事,如:站内短信提醒:当发信人给收件人发送一条短信,收件人在浏览此网站的时候,网站右下角会弹出一个框,提醒收件人已经收到一条短信,收件人可通过点击提醒,查看他的短信。 以下我写了一...

在页面上定时做某些事,如:站内短信提醒:当发信人给收件人发送一条短信,收件人在浏览此网站的时候,网站右下角会弹出一个框,提醒收件人已经收到一条短信,收件人可通过点击提醒,查看他的短信。

以下我写了一个例子,综合了几个具体功能在一起:

1、jquery修改页面上某个div中的内容

2、时间格式化功能

3、定时器设置,开始和停止

代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>jquery定时器使用方法</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#div1{ font-size:36px; color:#f00; font-weight:bold; }
</style>
</head>

<body>
<div id="div1"></div>
<script type="text/javascript" src="http://www.aspbc.com/js/jquery.js"></script>
<input type="button" name="startChat" id="startChat" value="开始">
<input type="button" name="closeChat" id="closeChat" value="停止">
<script type="text/javascript">
$(function(){
	 chat();        
     run();             //加载页面时启动定时器   
     var interval;   	   //定义一个定时器
	 function run() {   
		interval = setInterval(chat, "1000");   //定时的设置
	 }   
	 function chat() {   
		  var d=new Date().format('yyyy-MM-dd hh:mm:ss');
		  $("#div1").html(d); //jquery修改页面上div中的内容
	 }          
     $("#closeChat").click(function(){          
         clearTimeout(interval);  //关闭定时器          
     })   
	  $("#startChat").click(function(){          
         chat();
		 interval = setInterval(chat, "1000");     //启动定时器          
     })        
}); 

Date.prototype.format = function(format)
{
	var o = {
	"M+" : this.getMonth()+1, //month
	"d+" : this.getDate(),    //day
	"h+" : this.getHours(),   //hour
	"m+" : this.getMinutes(), //minute
	"s+" : this.getSeconds(), //second
	"q+" : Math.floor((this.getMonth()+3)/3),  //quarter
	"S" : this.getMilliseconds() //millisecond
	}
	if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
	(this.getFullYear()+"").substr(4 - RegExp.$1.length));
	for(var k in o)if(new RegExp("("+ k +")").test(format))
	format = format.replace(RegExp.$1,
	RegExp.$1.length==1 ? o[k] :
	("00"+ o[k]).substr((""+ o[k]).length));
	return format;
}
</script>
</body>
</html>

作者:佚名 来源:不详
共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
  • 青春网络编程技术(www.qcfupo.com) © 2020 版权所有 All Rights Reserved.
  • Powered by qcfupo! V3.0sp1
  • 百度友情链接: 百家乐[www.chinawestnews.net/aomenbaijiale/] 赌博网[www.chinawestnews.net/amdbwz/] 海立方[www.bjl.gov.cn/bjgylc/] 娱乐城[www.gtxrmzf.gov.cn/mapai/] 娱乐城[www.hfsf.gov.cn/yfgj/] 威尼斯人[www.hllinkou.gov.cn/baijile/] 澳门威尼斯[www.jjwgj.gov.cn/wnsr/] 888真人[www.lagm.gov.cn/888zhenren/] 百乐坊[www.laoling.gov.cn/blfylc/] 现金网[www.longyu.gov.cn/xjw/] 百家乐[www.chinawestnews.net/ambjl/] 新葡京娱乐场[www.sjzedu.gov.cn/jsylc/] 时时彩[www.snjw.gov.cn/ssc/] 赌博[www.chinawestnews.net/aomendubo/]