如何使用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使这样的东西很简单。