在javascript中创建自定义事件并触发它

时间:2015-10-23 06:51:39

标签: javascript jquery html html5

这是我的问题,我有一个谷歌广告,点击并在点击关闭按钮时返回..但根据更改的条件,我想要的是首先显示展开并在一定时间后自动关闭,何时展开它应该在一定时间后关闭..我已经用jquery做了这个,但它是第一次刷新页面,任何人都可以帮助..添加是使用谷歌网页设计师

这是我的jquery代码我相信它不会再次刷新页面它正在这样做,这就是为什么我想制作自定义javascript事件并触发它(核心javascript)

 <script>
 var $j = jQuery.noConflict();
   setTimeout(function clo(){
     $j('#close_this').trigger('click');
      $j('#expanded-page').addClass('ed');
        },10000);
// above function to clpse it first time after 10 second

(function(){
      $j('.banner').click(function(){
       $j('#expanded-page').removeClass('ed');
         var cl_chk = $j('#expanded-page').hasClass('ed')
            if(!cl_chk){
             setTimeout(function clo(){
               $j('#close_this').trigger('click');
                 $j('#expanded-page').addClass('ed');
                  },10000)
         }
      })
      })()

   //this function is for closeing that expando ad after its expanded
        </script>

这是url demo:

demo link asian paints ad

1 个答案:

答案 0 :(得分:0)

不知道这是否有帮助

jQuery.noConflict() // no need to declare a global variable for jQuery ...

(function ($j) { // ... cause you can pass it here

  // i like to declare things once and for all....
  var closeAfter10 = function () {
    setTimeout(function clo() {
      $j('#close_this').trigger('click');
      $j('#expanded-page').addClass('ed');
    }, 10000);
  }

  //this will attach the event and start the countdown when all contents on the page are loaded
  $j(window).load(function() {
    $j('.banner').click(function () {
      $j('#expanded-page').removeClass('ed');
      var cl_chk = $j('#expanded-page').hasClass('ed')
      if (!cl_chk) {
        closeAfter10(); // ... so i can use them this way ...
      }
    });

    closeAfter10(); // ... here another use of that thing
  );

})(jQuery);