如何使用jQuery在Twitter上创建一个“剩余字符”倒计时?
并且还限制对textarea的输入。
并且还限制对textarea的输入。
解决方法
创建一个span和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);
- });
Visit an example和view the source. jQuery使这样的东西很简单。