如何使網頁中的圖標閃爍/閃爍

我幾天前開始研究高級java（我知道這已經太晚了）。我陷入了製作圖標（任務欄上出現）的特定任務閃爍。該閃爍應基於特定條件發生，這意味着可以使用javascript來實現。如何使網頁中的圖標閃爍/閃爍

我一直在尋找一段時間，但是有沒有辦法讓圖標每隔1秒左右出現並消失以引入閃爍效果？

2013-04-30 Anuj Balan

如果你能在HTML做到這一點，你可以做一個JSP，因此這有*不*做Java，JSP或（禮貌咳嗽）「高級Java」。 – 2013-04-30 03:54:30

標籤爲adv.java，因爲jsp，javascript等屬於該標題。 – 2013-04-30 03:55:15

JSP不是特別先進的，而Javascript是***不*** *** Java。 – 2013-04-30 03:56:14

HTML

<img src='image/source' alt='blinking!' id='blinking_image' />

的Javascript

var img = document.getElementById('blinking_image'); 

var interval = window.setInterval(function(){ 
    if(img.display == 'hidden'){ 
     img.style.visibility = 'visible'; 
    }else{ 
     img.style.visibility = 'hidden'; 
    } 
}, 1000); //the 1000 here is milliseconds and determines how often the interval should be run.

此創建setInterval內部的匿名函數運行每1秒（1秒== 1000milisec）。要了解更多關於的setInterval checkout the mdn here on it.

每次運行時，它會檢查，看是否img是hidden或visible如果它是隱藏的話，就說明它，如果它是可見的話，隱藏它的時間。它通過檢查style.visiblity屬性來做到這一點。您可以瞭解更多關於here on the mdn的信息。

來源

2013-04-30 04:58:21 Ryan

是否setInterval是一個已經定義好的內置函數？ – 2013-04-30 05:20:05

@AnujBalan是的，請參閱編輯答案。我真的搞砸了，忘了窗口部分。 'setInterval'是分配給全局'窗口對象'的函數。從技術上講，您不必執行'window.setInterval'，但它確實使調用的內容更清晰。 – Ryan 2013-04-30 05:22:45

小修復

代替

if(img.display == 'hidden')

使用

if(img.style.visibility == 'hidden')

來源

2014-07-14 11:49:27

如何使網頁中的圖標閃爍/閃爍

回答

相關問題