JS中關於 一個關於計時器功能效果的實現

			optionSearch();
			function optionSearch() {
				//定義一個清除計時器的變量
				var timer = null;

				//自選標題區域
				$("#optional-title th").hover( function(){
					//第一步首先清楚一遍計時器
					clearInterval(timer);
					//鼠標經過內容顯示
					$("#optional-search").slideDown();
				 }, function(){
				 	//鼠標離開的時候計時器五秒后隱藏內容
			 		timer = setInterval(function(){
		 				$("#optional-search").slideUp();
		 			}, 5000);

			 	 }); 

				//自選搜所區域
				$("#optional-search").hover(function(){
					//鼠標進入搜索區域, 顯示該區域並清除計時器
					$(this).show();
					clearInterval(timer);

				}, function(){
					// 鼠標離開該區域執行計時器
					timer = setInterval(function(){
			 			$("#optional-search").slideUp("");
			 		}, 5000);
				});
			}

注釋 
功能很簡單， 鼠標移到標題顯示搜索框， 鼠標離開后 5s后隱藏。 鼠標移動搜索區域，顯示該區域，離開該區域 5s后隱藏
代碼寫的有點啰嗦， 但沒想好怎么優化，晚上回家考慮考慮下