关于计时器和a 标签的点击

1目标  我要每过3秒,可以重新点击,而且第一次只能点一次

2问题  第一次可以点两次 && 点击两次之后不会变回可选状态

3代码:<!DOCTYPE html>

<html>


<head>

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

    <title></title>

    <script src="jquery.min.js"></script>

</head>

<body>

    <a href="#">clickme</a>

    <script type="text/javascript">

  var time = 0;

    $('a').click(function() {


  //判断计时器是否处于关闭状态

  if (time == 0) {

    time = 3; //设定间隔时间(秒)

    //启动计时器,倒计时time秒后自动关闭计时器。

    var index = setInterval(function(){

        time--;

        if (time == 0) {

            clearInterval(index);

        }

     },1000);

     alert('诊股以提交');

     $(this).css('pointer-events','auto')

   }else{

      alert('请勿重复操作');

    $(this).css('pointer-events','none')

}

});


    </script>

</body>

</html>


潇潇雨雨
浏览 469回答 1
1回答

慕无忌1623718

只讲思路要求: 每过3秒,可以重新点击,而且第一次只能点一次第一步:默认某个带有标记的元素允许被点击, 点击后, 此元素的此&nbsp;标记消失。同时启动三秒定时器第二步:三秒定时器内的方法开始执行 --- 为之前的元素重新添加标记。提示:此标记可以为一个&nbsp;class&nbsp;类名, 可以是一个&nbsp;data-*&nbsp;属性
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript