setInterval要求第一个参数必须是含Javascript命令的字符串或​​函数对象​​​，所以

setInterval("move()",300)

以及
setInterval(move,300)

这两个都是正确的。
而
setInterval(move(),300)

当Javascript运行到这个语句时，会立即执行move这个函数，然后把函数的返回值作为setInterval的第一个参数，而由于move函数没有返回值，实际就相当于
setInterval(null, 300)
这个当然就不会运行啦，表面看起来就是move只运行了一次。

move()和move是不相同的，move()是语句，表示要立即执行这个函数的意思；move则是一个​​​函数对象​​，代表了这个函数本身，本身是不会运行的，可以把它赋值给其他对象或作为其他函数的参数。

 

<html>
<body>

<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock()
  {
  var t=new Date()
  document.getElementById("clock").value=t
  }
</script>
</form>
<button onclick="int=window.clearInterval(int)">
Stop interval</button>

</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器+效果</title>
    <style>
        #tips{
          width:200px;
          height:300px;
          background: gray;
          position:absolute;
          bottom:0px;
          right:0px;
        }
        span{
            display:inline-block;
            width:16px;
            height:16px;
            line-height:16px;
            text-align:center;
            border:1px solid red;
            margin-left:10px;
            margin-top:10px;
            cursor:default;
       }
    </style>
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
<div id="tips">
      <span>X</span>
</div>
<script>
    var f;
    $('#tips>span').click(function(){
        $(this).parent().slideUp('slow');
         f = setInterval(show_div,2000);
    });


    function show_div(){
       $('#tips').slideDown('slow');
       clearInterval(f);
    }



</script>
</body>
</html>