像 Twitter 上一样的角色倒计时

如何使用 jQuery 制作像 Twitter 上那样的“剩余字符”倒计时？ 并且还将输入限制为文本区域。

Make a span and textarea并为它们提供唯一的选择器（使用 ID 或类），如下所示：

<textarea class="message" rows="2" cols="30"></textarea>
<span class="countdown"></span>

然后创建一个更新函数，如下所示：

function updateCountdown() {
    // 140 is the max message length
    var remaining = 140 - jQuery('.message').val().length;
    jQuery('.countdown').text(remaining + ' characters remaining.');
}

并让该函数在页面加载时以及消息更改时运行：

jQuery(document).ready(function($) {
    updateCountdown();
    $('.message').change(updateCountdown);
    $('.message').keyup(updateCountdown);
});

访问示例 http://jsbin.com/ugami and 查看源码 http://jsbin.com/ugami/edit。 jQuery 让这样的事情变得非常简单。