setInterval() [CONFUSED]

JavaScript
1

Hello,

this is my exercice, I have three animated link, used setInterval() I have a problem.

the problem is this, all links are animated, I want to animate a link to time.

problem: How can i use the reserved word “this”, I think?!

thank’s for the help, by by.

here my code:

                      <body>
                       <a href>link1</a>
                       <a href>link2</a>
                       <a href>link3</a>

                     <script>

                    var x = document.getElementsByTagName("a");

                   var size = 13;  

                   for(i=0; i<x.length; i++){
                   
                   x[i].addEventListener("mouseover", loadx);    
                   
                   }

                   function loadx(){

                   setInterval(function(){
        
                    for(i=0; i<x.length; i++){
         
                    size++;
          
                     x[i].style.fontSize = size + "pt";
                      }  
        

                      }, 50);

                      } 


    </script>

    </body>
1 Like
2

HTML

<a href="" onmouseover="loadx(this)">link1</a><br/>
<a href="" onmouseover="loadx(this)">link2</a><br/>
<a href="" onmouseover="loadx(this)">link3</a>

JS

 var x = document.getElementsByTagName("a");

 var size = 13;  
  

function loadx(arg){  
  var motion=setInterval(function(){
  for(i=0; i<x.length; i++){
   size++;   
   arg.style.fontSize = size + "pt";   
   if(size>=250){
   clearInterval(motion);
    }
  }   
  
  },50);
  }
3

your code is OK, Great! I have a question: how can i keep this listener?

    for(i=0; i<x.length; i++){
      x[i].addEventListener("mouseover", loadx);    
    }

Thank’s.

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.