Javascript 暂停、增加和减少间隔

我目前正在编写一个代码来创建幻灯片。我的暂停按钮只工作了一次，但一旦它再次开始播放，就不再暂停当我按下增加按钮时也是一样。“减少”按钮不起作用。我什么都试过了。有没有人能给我指出正确的方向，或者让我知道哪里出了问题

---

codepen或jsfiddle也会很有帮助，这样人们就不必盲目猜测，只需修正那些突出的问题them@Todd谢谢我从来没用过JSFIDLE。自从我上大学以来，我就不熟悉这个。我添加了链接。在这里张贴代码是首选，链接不一定持续时间为您的文章在这里。应该将代码裁剪到演示问题所需的最小值，这通常会导致在发布之前进行修复。把代码放到别处往往会产生相反的效果。

var pic= new Array();
var pcount= 0; 
var pindex = 0;
var ptimer;

var cap= new Array();
var ccount= 0; 
var cindex = 0;
var ctimer;


var resetButton = document.getElementbyId('resetButton');
resetButton.onclick= reloadPage;

function getallpics(){
    var size = prompt("How many pictures are you uploading?");
    for (var i = 0; i<size; i++) {
        pic[i] = prompt("Enter picture filename:");
        pindex++;
        cap[i] = prompt("Enter caption:");
        cindex++;
    }
}

function getpics() {
        pcount++;
        if (pcount > pindex) {
            pcount = 1;
        }
        document.getElementById("pictures").innerHTML= "<img src=" +pic[pcount-1]+ ">";
}

function getcaps(){
    ccount++;
    if(ccount > cindex){
        ccount=1;
    }
    document.getElementById("captions").innerHTML = cap[ccount-1];
}

function displaypics() {
    ptimer = setInterval("getpics()", 3000);
    ctimer = setInterval("getcaps()", 3000);
}

function pause(){
    clearTimeout(ptimer);
    clearTimeout(ctimer);
}

function increase() {
   ptimer = setInterval("getpics()", 1000);
   ctimer = setInterval("getcaps()", 1000);
}


function decrease() {
   ptimer = setInterval("getpics()", 6000);
   ctimer = setInterval("getcaps()", 6000);
}

function reloadPage(){
   window.location.reload();
}