jquery - 一段时间后如何使用 jQuery .css 设置 css？

Question

我不知道如何在 jQuery .css 属性上设置时间 我找到了一个答案，该答案与我在jQuery change CSS 中的问题在一段时间后
最接近

这是我的代码：

<script>
    $(document).ready(function(){
        $("#homebutton,#title").click(function(){
            $("#title").css("font-size", "100%");  
            setTimeout(function(){ $("#title").css("font-size", "100%"); },2000)
        });
    });
</script>

我不知道那有什么问题。
我上面提到的解决方案似乎对我不起作用。

提前谢谢你们

- - - - - - - - - - - - - - - - - - - - -编辑 - - - - --------------------------------------

感谢各位大侠的回复，有几点想再解释一下：

1. 我最初在我的 CSS 中将字体大小设置为 150%，这意味着通过我的 jQuery，我希望它将字体大小更改为 100%。
2. 我想我误解了代码，我想设置的是逐渐减少的时间而不是计时器

基本上，我想使用带有过渡的jquery来更改字体大小，而不是突然改变

Answer 1

问题是你首先font-size: 100%立即设置，然后在 2 秒后再次将其设置为相同的值。即，您没有更改CSS。

要在单击时设置 css 值，然后在 2 秒后将其设置为其他值，请在每次调用.css(). 例如，最初将字体大小减少一半，然后在 2 秒后将其恢复为正常大小：

$(document).ready(function(){
    $("#homebutton,#title").click(function(){
        $("#title").css("font-size", "50%");
        setTimeout(function(){ $("#title").css("font-size", "100%"); },2000);
    });
});

编辑：要逐渐减小字体大小，您要使用.animate()：

$(document).ready(function(){
    $("#homebutton,#title").click(function(){
        $("#title").animate({ "font-size": "50%" }, 2000);
    });
});

演示： jsfiddle.net/Y6CrG/

Answer 2

在 2 秒超时后更改字体大小。例如：

$("#title").click(function(){
  $("#title").css("font-size", "100%");  
  setTimeout(function(){ $("#title").css("font-size", "80%"); },2000)                               
});

我在下面的 jsfiddle 中尝试了它，它对我来说效果很好。http://jsfiddle.net/kianoshp/z9QeY/

Answer 3

你可以使用这个：

  $('#title').animate({fontSize : '100%'});

如果你想设置持续时间你可以使用这些

  $('#title').animate({fontSize : '100%'}, "slow");
  $('#title').animate({fontSize : '100%'}, "fast");