日期:2014-05-16  浏览次数:20446 次

JS定时器执行某个动作,可页面动态展示时间走动

???

var intervalData = 1000 * 60;
	var intervalSS = intervalData / 1000;
	var contInterval;
	$(function(){
		
		//此处是初始第一次加载数据
		ajaxRequest();
		countdownRun();

		
		setInterval(function(){
			//此处过了定时时间后执行一次
			ajaxRequest();
			countdownRun();
		},intervalData);
	});
	function countdownRun(){
		if(contInterval){
			clearInterval(contInterval);
		}
		$("#timeShow").text(intervalSS);
		var divTimeval = intervalSS;
		contInterval = setInterval(function(){
			divTimeval--;
			if(divTimeval < 0){
				clearInterval(contInterval);
				return;
			}
			//将秒数设置到显示区
			$("#timeShow").html(divTimeval);
		},1000);
	}

	
	function ajaxRequest(){
		alert("我被执行力 。哈哈哈哈...........");
	}
	

?

<div style="padding-top: 50;" align="center">
		<span id="timeShow"></span>	
</div>

?