Member Avatar for SaroGFX

Hi guys,

The code works perfect on fiddle (check link below) but doesnt work properly when i upload the same code online. What have I done wrong?

http://jsfiddle.net/LRvVm/5/

  • 3 Contributors
  • 3 Replies
  • 167 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by SaroGFX

Recommended Answers

All 3 Replies

Member Avatar for diafol

Both look OK to me. The 'online' seems a bit quicker. Try clearing the cache?

//EDIT

Hold on, no the 'online' halts after a little while and then starts again.

Ah, you seem to be running flicker() twice. Once in the head and once inline in the body-onload.

Edited by diafol
Member Avatar for JorgeM

Yes, calling the function in both the head and body is causing that problem.

Here is your sample code consolidated in a working html file.

<!DOCTYPE html>
<head>
 <title>Flickering Logo</title>
 <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
 <style>
  div { width:50px; height:50px; border:1px solid gray; }
  div#box2 { background-color:red; }
  div { background-color:black; }
  div.on { background-color:white !important; }
</style>
</head>

<body>
 <div id="box"></div>
 <div id="box2" style="display:none"></div>
 <script>
  var interval = 300; 
  flicker(); 
    function flicker()
    {
        $("#box").toggleClass('on');
        setTimeout(flicker, interval)
    }
 </script>
</body>
</html>
Edited by JorgeM
Member Avatar for SaroGFX

Thanks a lot! This helped

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.