jquery – 字符倒计时喜欢在Twitter上

前端之家收集整理的这篇文章主要介绍了jquery – 字符倒计时喜欢在Twitter上前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使用jQuery在Twitter上创建一个“剩余字符”倒计时?
并且还限制对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 exampleview the source. jQuery使这样的东西很简单。

猜你在找的jQuery相关文章