javascript选项卡切换速度控制实例Demo

— 2015年7月17日 in Javascript • add comment
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <title>javascript选项卡切换速度控制实例Demo</title>  
  5.     <meta http-equiv=“Content-Type” content=“text/html; charset=utf-8”/>  
  6. <script src=“http://libs.baidu.com/jquery/1.9.0/jquery.js”></script>  
  7. </head>  
  8. <body>  
  9.   
  10. <script style=“text/javascript”>  
  11. var time =0;//区分第几次点击  
  12. $(“#xgt a”).click(function(){  
  13.   
  14.     //点击速度控制  
  15.     if(time==1){  
  16.           
  17.         if(!qiehuan())return false;  
  18.     }  
  19.     //第一次点击后改为1  
  20.     time =1;  
  21.     //获取本次点击后的时间戳毫秒  
  22.     nowTimestamp =new Date().getTime();  
  23.     //实行切换  
  24.     $(“#xgt a”).removeClass(‘active’);  
  25.     $(this).addClass(“active”)  
  26.     var func = $(this).attr(‘function’);  
  27.       
  28.     $.post(“/mpyp/get_cases_xgts”, { func:func,id:id},  
  29.    function(data){  
  30.        if(data){  
  31.         var obj = JSON.parse(data);  
  32.             if(obj.imgs !=”){  
  33.             $(“#xgt_show”).html(obj.imgs);  
  34.             $(“#func_name”).html(obj.func);  
  35.             }  
  36.        }  
  37.    });  
  38.      
  39. });  
  40.   
  41. //切换速度控制函数  
  42. function qiehuan()  
  43. {  
  44.       
  45.     var curTimestamp = new Date().getTime();//本次点击时间戳毫秒  
  46.     //换成秒判断  
  47.     if(curTimestamp/1000 – nowTimestamp/1000<=3)  
  48.     {  
  49.         alert(‘切换速度过于快!’)  
  50.         return false;  
  51.     }  
  52.     return true;  
  53. }  
  54. </script>     
  55. </body>  
  56. </html>  

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

www.admin122.com 关注微信
24小时客服在线