stackoom
  简体   繁体   中英

How to add setTimeout to document.body.addEventListener?

 原文  2017-07-15 05:08:05  2   2    javascript/ settimeout

Question

this is the javascript code I want to execute with 3 seconds delay. How will it looks like with setTimeout? Thanks in advance! 

  <script type="text/javascript"> document.body.addEventListener('click', myFunction); function myFunction() { if (window.location.href.indexOf('3124') <= -1) { window.open('http://example.net/1_of_3/file_5444','mywindow2','width=1600,height=1200'); document.body.removeEventListener('click', myFunction); } } </script>

2 answers

solution1
 0  2017-07-15 05:20:51

Try this: 

  <script type="text/javascript">
  document.body.addEventListener('click',function(){
   setTimeout(myFunction,3*1000);
 });
function myFunction() {
if (window.location.href.indexOf('3124') <= -1) {
window.open('http://example.net/1_of_3/file_5444','mywindow2','width=1600,height=1200');
        document.body.removeEventListener('click', myFunction);
    } 
}
    </script>

solution2
 0  2017-07-15 05:26:12

Maybe something along these lines? 

 function myFunction() { document.querySelector('body').addEventListener('click', function(){ console.log('Do Stuff'); }); } setTimeout(myFunction, 3000); 
 .square { width: 100px; height: 100px; background-color: black; } 
 <body> <div class="square"></div> </body>

暂无
暂无

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

Related Question document.body.addEventListener is not working How to get click on parent tag if I click on any child, grandchild (and deeper) in document.body.addEventListener Why does the document.body.addEventListener event run before document.addEventListener? Why does the document.addEventListener event run after document.body.addEventListener? How to invoke Javascript addEventListener with setTimeout addEventListener - attaching to document versus document.body How to addEventListener only to body? addEventListener + setTimeout How to add JS “addEventListener”? How to fadeOut body without setTimeout
Related Tags
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM