clearIntervalで止めたものを再開

質問

下記のようにスライドショーの停止ボタンを作ったのですがその後の再開ができません。
$('#pause-btn').click(function() {
clearInterval(Timer);
}
)

ただその後再開のボタンをどうするか今考えています。
http://phpjavascriptroom.com/?t=js&p=timer

ここを見ても難しいです。
アドバイスいただけませんでしょうか？

clearIntervalで止めたものを再開する方法はありますか？

ソース
/スライドショー
$(function(){

//（１）ページの概念・初期ページを設定
var page=0;

//（２）イメージの数を最後のページ数として変数化
var lastPage =parseInt($("#slide img").length-1);

//（３）最初に全部のイメージを一旦非表示にします
$("#slide img").css("display","none");

//（４）初期ページを表示
$("#slide img").eq(page).css("display","block");

//（５）ページ切換用、自作関数作成。changePageを定義
function changePage(){
$("#slide img").fadeOut(1000);
$("#slide img").eq(page).fadeIn(1000);
};

//（６）～秒間隔でイメージ切換の発火設定
//※（５）でchangePageを定義している
//TimerというタイマーIDを作成した。
var Timer;
function startTimer(){
Timer =setInterval(function(){
if(page === lastPage){
page = 0;
changePage();
}else{
page ++;
changePage();
};
},5000);
}
//（７）～秒間隔でイメージ切換の停止設定
//clearIntervalとは、「setInterval」メソッドの繰り返し処理を停止するメソッド
function stopTimer(){
clearInterval(Timer);
}

//（８）タイマースタート
startTimer();

//（９）「次へ」、左に画像を動かすをクリックボタン用のjs
//※（５）でchangePageを定義している
$("#next-left-btn").click(function() {
//タイマー停止＆スタート（クリックした時点から～秒とする為）
stopTimer();
startTimer();
if(page === lastPage){
page = 0;
changePage();
}else{
page ++;
changePage();
};
});

//「戻る」、右に画像を動かすをクリックボタン用のjs
$("#next-right-btn").click(function() {
//タイマー停止＆スタート（クリックした時点から～秒とする為）
stopTimer();
startTimer();
if(page === 0){
page = lastPage;
changePage();
}else{
page --;
changePage();
};
});

//TimerというタイマーIDを作成した。下記の部分でしていている。
//Timer =setInterval(function(){
$('#pause-btn').click(function() {
clearTimeout(Timer);
}
)

回答No.1

muuming2001 · ベストアンサー

clearInterval
一定時間ごとの処理を停止する

ということですので、その処理を最初開始してるはずです。

//（８）タイマースタート
startTimer();

これですよね？？

これを再度スタートさせたいところで唱えればいいだけでは？？？？？