一段javascript告警回放代码

/**
 * 描述 :
 * 这里是实现播放,快进等功能的js文件
 * 
 * */

var replaySpeed = 1000 * 5;//播放速度 50秒
var alarmReplayTimer = null; // 定义播放定期器
var alarmBackUpTimer = null; // 定义回退播放器
var flag = false; // 播放开关

//向前播放的action地址
var alarmForwardUrl = getRootPath() + "/web/alarm/alarmReplayController/alarmForward.do";

//向后播放的action地址
var alarmBackupUrl = getRootPath() + "/web/alarm/alarmReplayController/alarmBackup.do";

var startOrPause = function() { // (开始/暂停 ) 播放
	//修改 开始/暂停 播放 按钮的值
	var startOrPauseButton = document.getElementById("startOrPause");
	var startOrPauseButtonValue = startOrPauseButton.innerHTML;
	if (startOrPauseButtonValue == "开始") {
		updateTime();
		startOrPauseButton.innerHTML = "暂停";
	} else {
		startOrPauseButton.innerHTML = "开始";
	}
	//开始播放或暂停播放
	if (!flag) { // 未启动
		flag = true;
		alarmReplayTimer = setInterval("forward()", replaySpeed); //定时器定时刷新
	} else { // 已启动
		flag = false;
		clearTimer();//停止播放
	}
}
var forward = function() { // 向前
	var currentTime = document.getElementById("currentTime").value;
	var currentEndTime = document.getElementById("currentEndTime").value;
	var compareDate = isBigger(currentTime,currentEndTime);
	if(compareDate==0){
		$.ajax( {
			url:alarmForwardUrl,
			data:{
				currentTime:currentTime,
				currentEndTime:currentEndTime
			},
			type:'post',
			cache:false,
			dataType:'json', 
			success:function(data) {
			 var time = data[0];
			 var alarmList = data[1]; //告警对象集合
			 initTableHtml(alarmList);
			 // console.info(alarmList);
			 if(time!=null){
				 document.getElementById("currentTime").value = time;	 
			 }else{
				 document.getElementById("currentTime").value = document.getElementById("currentEndTime").value;
			 }
			 
//			 $("#alarmRelay").html(tableContent); 
			},
			error: function(XMLHttpRequest, textStatus, errorThrown) {
			alert("播放异常");
		 },
				
			
		})
	}else if(compareDate==1){
		alert("播放完成");
		clearTimer();
	}else if(compareDate == null){
		alert("播放异常");
	}

	
}

var stop = function(){ // 停止
	clearTimer();
}

var backward = function() { // 向后
	var currentTime = document.getElementById("currentTime").value;
	var currentStartTime = document.getElementById("currentStartTime").value;
	var compareDate = isBigger(currentStartTime,currentTime);
	if(compareDate==0){
		$.ajax( {
			url:alarmBackupUrl,
			data:{
				currentTime:currentTime,
				currentStartTime:currentStartTime
			},
			type:'post',
			cache:false,
			dataType:'json', 
			success:function(data) {
			 var time = data[0];
			 var alarmList = data[1]; //告警对象集合
			 initTableHtml(alarmList);
			 if(time!=null){
				 document.getElementById("currentTime").value = time;	 
			 }else{
				 document.getElementById("currentTime").value = document.getElementById("currentStartTime").value;
			 }
//			 document.getElementById("currentTime").value = time;
//			 $("#alarmRelay").html(tableContent); 
			},
			error: function(XMLHttpRequest, textStatus, errorThrown) {
			alert("播放异常");
		 },
				
			
		})
	}else if(compareDate==1){
		alert("播放完成");
		clearTimer();
	}else if(compareDate == null){
		alert("播放异常");
	}

}

var lastTime = function() { // 上一次
	clearTimer();
	backward();
}

var nextTime = function() { // 下一次
	clearTimer();
	forward();
}

var clearAlarmReplayTimer = function(){ // 清除向前定时器
	if(alarmReplayTimer!=null){
		clearTimeout(alarmReplayTimer); //清除下一次播放定时器
		alarmReplayTimer = null;
	}
}

var clearAlarmBackUpTimer = function(){ // 清除向后定时器
	if(alarmBackUpTimer!=null){
		clearTimeout(alarmBackUpTimer); //清除上一次播放定时器
		alarmBackUpTimer = null;
	} 

}

var backSpace = function() { // 回退
	// speedUp();
	clearTimer();
	alarmBackUpTimer = setInterval("backward()", replaySpeed); //定时器定时刷新
}

var fastForward = function() { // 快进
	// speedUp();
	clearTimer();
	alarmReplayTimer = setInterval("forward()", replaySpeed); //定时器定时刷新
	
}

var clearTimer = function() { // 清除定时器
	clearAlarmReplayTimer();
	clearAlarmBackUpTimer();
	document.getElementById("startOrPause").innerHTML = "开始";
	
}


var speedUp = function(){
	 //加速
	if(replaySpeed == 1000 * 5){
		 replaySpeed = 1000 * 3;
	}else  if(replaySpeed == 1000 * 3){
		 replaySpeed = 1000 * 1;
	}else  if(replaySpeed == 1000 * 1){
		 replaySpeed = 100 * 5;
	}else  if(replaySpeed == 100 * 5){
		 replaySpeed = 100 * 3;
	}else  if(replaySpeed == 100 * 3){
		 replaySpeed = 100 * 1;
	}
}
var assignSpeed = function(){ //指定速度倍数
	//指定倍数
	var assignSpeedSelect = document.getElementById("assignSpeedSelect").value;
	if(assignSpeedSelect == "1"){
		replaySpeed = 1000 * 5;
	}else if(assignSpeedSelect == "2"){
		replaySpeed = 1000 * 3;
	}else if(assignSpeedSelect == "5"){
		replaySpeed = 1000 * 1;
	}else if(assignSpeedSelect == "10"){
		replaySpeed = 100 * 5;
	}else if(assignSpeedSelect == "20"){
		replaySpeed = 100 * 3;
	}else if(assignSpeedSelect == "50"){
		replaySpeed = 100 * 1;
	}
	//重启定时器
	if(alarmReplayTimer!=null){
		clearAlarmReplayTimer();
		alarmReplayTimer = setInterval("forward()", replaySpeed); //定时器定时刷新
			
	}
	if(alarmBackUpTimer!=null){
		clearAlarmBackUpTimer();
		alarmBackUpTimer = setInterval("backward()", replaySpeed); //定时器定时刷新
	}
	
}

function getRootPath() { //得到项目路径
    var strFullPath = window.document.location.href;  
    var strPath = window.document.location.pathname;  
    var pos = strFullPath.indexOf(strPath);  
    var prePath = strFullPath.substring(0, pos);  
    var postPath = strPath.substring(0, strPath.substr(1).indexOf('/') + 1);  
    var rootPath = prePath + postPath;  
    return (rootPath);  
}  
$(window).load(function() {
	(function($){
		$(document).ready(function(){
		    jeDate({
		        dateCell:'#currentStartTime',
 		        format:'YYYY-MM-DD hh:mm:ss',
		        isTime:true,
		        minDate:'2014-09-19 00:00:00'
		      }),
		    jeDate({
		        dateCell:'#currentEndTime',
 		        format:'YYYY-MM-DD hh:mm:ss',
		        isTime:true,
		        minDate:'2014-09-19 00:00:00'
		      })
		});
		
		
	})(jQuery);
	
	
})
var updateTime = function(){
	var currentStartTime = document.getElementById("currentStartTime");
	var currentTime = document.getElementById("currentTime");
	currentTime.value = currentStartTime.value;
}

	/*表格内容*/
	function initTableHtml(arr){
		if(arr==null) return ;
		console.info(arr);
		var str = '',strNull = '<td><div></div></td>';
		var getRowHtml = function(alarmList){
			var subs = '';
			subs += '<td player="first"><div><input type="checkbox" class="select" value="'+ alarmList.deviceId +'"</div></td>';
			if(alarmList.alarmLevel) subs += '<td><div>' + alarmList.alarmLevel + '</div></td>';else subs += strNull;
			if(alarmList.alarmType) subs += '<td><div>' + alarmList.alarmType + '</div></td>';else subs += strNull;
			if(alarmList.deviceName) subs += '<td><div>' + alarmList.deviceName + '</div></td>';else subs += strNull;
			if(alarmList.ip) subs += '<td><div>' + alarmList.ip + '</div></td>';else subs += strNull;
			if(alarmList.area) subs += '<td><div>' + alarmList.area + '</div></td>';else subs += strNull;
			if(alarmList.ceateTime) subs += '<td><div>' + getLocalTime(alarmList.ceateTime)+ '</div></td>';else subs += strNull;
			if(alarmList.lastUpdateTime) subs += '<td><div>' + getLocalTime(alarmList.lastUpdateTime) + '</div></td>';else subs += strNull;
			if(alarmList.alarmNumber) subs += '<td><div>' + alarmList.alarmNumber + '</div></td>';else subs += strNull;
			if(alarmList.status) subs += '<td><div>' + alarmList.status + '</div></td>';else subs += strNull;
			return subs;
		};
		var len = arr.length;
		for(var i=0;i<len;i++){
			str += '<tr class="id'+ arr[i].deviceId +'">';
			str += getRowHtml(arr[i]);
			str += '</tr>';
		}
		var stationContent = document.querySelector(".stationContent");
		stationContent.innerHTML = str;
		document.querySelector(".selectAll").checked = false; //取消表头的多
	}

	function getLocalTime(nS) {     
	return new Date(nS).Format("yyyy-MM-dd HH:mm:ss");
};