在定时器内设置css样式，没有效果

Question

$(function(){
    var timer;
    var num = 1;
    var cssStyle;
    $("div").hover(function(){
        setInterval(function(){
            cssStyle = "0 0 " + num + "px " + "#ccc";
            $(this).css("box-shadow",cssStyle);
            console.log(cssStyle);
            num++;
        },500);

    },function(){

    });
});

在定时器内设置div的阴影，让其逐渐变大，但是没有效果。把定时器去掉，然后鼠标不断移入移出div确实可以看到div的阴影逐渐变大，这是怎么回事。

Answer 1

$(this)这个有问题。这里的this不是$('div')；这是js中很多人经常会犯的错，就是理解错this指的是什么。所以最好先了解js的this