码迷,mamicode.com
首页 > Web开发 > 详细

JS 知识点收集

时间:2016-04-12 07:41:59      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:js jquery setinterval scrolltop json

  1. setInterval

    setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
    setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。setInterval() 的返回值返回
    一个可以传递给 Window.clearInterval()的参数, 从而取消对 code 的周期性执行的值。  
     <html>
     <body>
     <input type="text" id="clock" size="35" />
     <script language=javascript>
     var int=self.setInterval("clock()",50)
     function clock()
       {
       var t=new Date()
       document.getElementById("clock").value=t
       }
     </script>
     </form>
     <button onclick="int=window.clearInterval(int)">Stop interval</button>
     </body>
     </html>

  2. jQuery动画效果animate和scrollTop结合使用实例

     animate是jq的一个特效的函数方法,animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。
     CSS属性值是逐渐改变的,这样就可以创建动画效果。
     只有数字值可创建动画(比如 "margin:30px")。
     字符串值无法创建动画(比如 "background-color:red")。
     $(‘#shang‘).click(function(){$(‘html,body‘).animate({scrollTop: ‘0px‘}, 800);});
     上面的代码表示滚动条跳到0的位置,页面移动速度是800。  
     结合scrollTop实用示例:
     jQuery(document).ready(function($){
      $(‘#shang‘).click(function(){
       $(‘html,body‘).animate({scrollTop: ‘0px‘}, 800);
      });
      $(‘#comt‘).click(function(){
       $(‘html,body‘).animate({scrollTop:$(‘#comments‘).offset().top}, 800);
      });
      $(‘#xia‘).click(function(){
       $(‘html,body‘).animate({scrollTop:$(‘#footer‘).offset().top}, 800);
      });
     });
     表示点击相关ID移动到指定位置:
     点击ID为shang的元素,回到顶部;
     点击ID为comt的元素,回到ID为comments的位置;
     点击ID为xia的元素,回到底部;
       
      $(‘.chat-content‘).animate({
       scrollTop: $(‘.chat-content‘)[0].scrollHeight}, 500
      );//这个实现 chat-content里的内容不断增加,滚动条下滚

  3. 获取时间

    var d = new Date();
    var send_time = d.getHours() + ":"+ d.getMinutes() + ":"+ d.getSeconds();

  4. JSON

    JSON.parse()

  5. 监测某个键是否按下以执行特殊方法

     

JS 知识点收集

标签:js jquery setinterval scrolltop json

原文地址:http://120662.blog.51cto.com/110662/1762799

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!