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

前端之家收集整理的这篇文章主要介绍了jquery – 字符倒计时喜欢在Twitter上前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使用jQuery在Twitter上创建一个“剩余字符”倒计时?
并且还限制对textarea的输入。

解决方法

创建一个span和textarea,并给它们唯一的选择器(使用ID或类),如:
  1. <textarea class="message" rows="2" cols="30"></textarea>
  2. <span class="countdown"></span>

然后进行更新功能如下:

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

并使该函数页面加载时和消息更改时运行:

  1. jQuery(document).ready(function($) {
  2. updateCountdown();
  3. $('.message').change(updateCountdown);
  4. $('.message').keyup(updateCountdown);
  5. });

Visit an exampleview the source. jQuery使这样的东西很简单。

猜你在找的jQuery相关文章