blinking gif with javascript - timer

Question

i have a div-container with a gif-picture. I want to blinking this gif, but the gif is only show and is not blinking

  function blink() {
      time2 = time2 - 1;
      if (time2 >= 0) {
          var ani = setInterval(blinkerle() {
              if (document.getElementById(risiko1).style.visibility == "visible") {
                  document.getElementById(risiko1).style.visibility = "hidden";
              } else {
                  document.getElementById(risiko1).style.visibility = "visible";
              }
          }, 1000);

      }
  }

the function is called via blink();

from another place. thanks for your help

Have you taken a look at the console? There's an error message waiting for you. — Teemu, Feb 24 '16 at 20:52

score 0 · Answer 1 · edited May 23 '17 at 12:31

You can actually do this with pure CSS:

div {
  display: block;
  position: relative;
  top: 5px;
  width: 200px;
  height: 50px;
  background-image: url("http://cdn.sstatic.net/stackoverflow/img/sprites.png");
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: -999em;
}
/** the blink css is below this comment: **/
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

<div class="blink"></div>

CSS taken from here.

score 0 · Answer 2 · answered Feb 24 '16 at 20:59

0

You're missing the function keyword in front of the blinkerle() function. It should be:

 var ani = setInterval(function blinkerle(){

Or preferably use an anonymous function:

 var ani = setInterval(function() {

answered Feb 24 '16 at 20:59

rgvassar

5,635
1
24
31

blinking gif with javascript - timer

2 Answers2