JavaScript轮播图--自动轮播

需求：
页面进入后，轮播图会自动轮播，鼠标 停留在轮播图时会停止轮播，停顿在当前图片上， 鼠标离开会继续轮播 。

思路
编写两个方法，
第一个 autoPlay() 实现轮播图的自动轮播。
第二个Play()主要进行判断当光标进入轮播图后 将计时器清除，当光标移出轮播图后，轮播图自动轮播。

代码实现：

var timer = null;

function autoPlay() {

    timer = setInterval(
        function() {
            next_pic();
            tiaozhuan();
        }, 1000
    );
}

function Play() {
    // **错误示范 
    // if (container.onmouserover()) {
    //     clearInterval(timer);
    // }
    // if (container.onmouserleave()) {
    //     autoPlay();

    // }
    //  container是轮播图的div
    if (timer == null) {
        autoPlay();
    }
    container.onmouseenter = function() {
        clearInterval(timer);
    }
    container.onmouseleave = function() {
        autoPlay();
    }


}

问题发现：
在写鼠标的进入和退出时，我对onmouseenter和onmouseleave后是否加()小括号发生了疑问，在练习后发现加完小括号后方法并不能实现。
问题解决：
在通过练习后发现像onmouseenter这类的属于鼠标事件，在为这样的鼠标事件注册方法是 是不需要在后边添加小括号的

代码熟悉：