Не удается очистить интервал после установки?

Это потому, что «тест» не определен внутри функции остановки. Чтобы ваш код работал, вы можете сделать переменную «test» глобальной, например:

var test = null;

function play(){
    test = setInterval(slide,500);}
function stop(){
    clearInterval(test);}

это классический вариант использования шаблона раскрывающегося модуля:

var mySlideShow = (function () {
    var intervalHolder;

    //this is private to the closure
    var slide = function(){
          //whatever slide does?
    }

    function play(){
      intervalHolder = setInterval(slide,500);
    }

    function stop(){
           clearInterval(intervalHolder);
     }

    return{
      play:play,
      stop:stop
    };
})();

назовите это так:

<div id='play' onclick='mySlideShow.play()'><img src='image1/fleche.png'></div>
<div id='pause' onclick='mySlideShow.stop()'><img src='image1/break.png'></div>

Преимущества этого метода:

• Не загрязняет глобальную область видимости переменными

• #P4#

Ваша проблема в том, что test — это переменная, объявленная внутри play(), и она существует только внутри этой функции. Вы должны объявить это снаружи:

var test;
function play(){
    test = setInterval(function(){
	console.log("hello")
	},500);
}
function stop(){
    clearInterval(test);
}

<button onclick="play()">play</button>
<button onclick="stop()">stop</button>