有條件地閃爍文本

Question

任何人都可以讓我知道如何根據 if 語句使其閃爍文本？

在此處輸入圖片說明

樣本：
如果值為 0 - 無閃爍
如果不是 0 - 應該閃爍

先感謝您

Answer 1

我認為你的意思是$('.blink') ，假設你的意思是一個類而不是一個標簽名稱。

<script type="text/javascript">
  setInterval(function(){
      $('.blink').each(function(){
        $(this).css('visibility' , $(this).css('visibility') === 'hidden' ? '' : 'hidden')
      });
    }, 250);
</script>

JSFiddle 測試

Answer 2

您不需要內聯樣式，由於您使用的是 jQuery，因此切換將幫助您執行此操作。 你可以簡單地以這種方式做到這一點。

這是演示：

 setInterval(function(){ $('.blink').toggle(); }, 250);

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <div class='blink'>Hello!</div> <div class="blink">Testing again.</div>

Answer 3

看到這個小提琴。

http://jsfiddle.net/tcy6a5kz/

//Line 21
if (blinkStatus == 1) {
    Blinker.start();
}
else {
    Blinker.stop();
}

在這一行，您可以將 if 語句更改為您想要的任何內容（類似 true 或類似 false 的值）。

您可以像這樣獲得span值：

// This will return the inner text of the span
// I expect this text as 0 or more. (number or text)
// No text in the span == 0
$('span.top-title').val();

所以你可以在第 21 行更改我的代碼：

//Line 21
if ($('span.top-title').val() == 1) {
    Blinker.start();
}
else {
    Blinker.stop();
}

注意：您的站點需要包含 jQuery 才能運行此代碼。 以'$'開頭的所有東西都是 jQuery 對象，沒有 jQuery 庫就無法運行。

如果您沒有 jQuery。 您可以將其包含在您的 HTML 中：

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

此腳本必須包含在使用 jQuery 的腳本之前。 （在大多數情況下，它包含在 HTML 的<head>標記中。我不確定，但我認為“博客服務提供商”忽略了博客文章中的腳本定義。

Answer 4

我知道這太舊了，但它可能會幫助尋找這個的人。 我自己弄明白了，我知道這不是最好的解決方案。

<div class="blink1">
<span><asp:Label runat="server" Text="Label" ID="inprogress"></asp:Label></span> 
</div>
<div class="blink2"><span><asp:Label runat="server" Text="Label" ID="behindsched"></asp:Label></span>
</div>


    <script>
var in_progress = parseInt(documentElementById("<%=inprogress.ClientID%>").innerHTML);
var behind_sched = parseInt(documentElementById("<%=behindsched.ClientID%>").innerHTML);
  
    var blinkfunc1 = function(){
        $('.blink1').toggle();
        }
    var blinkfunc2 = function(){
        $('.blink2').toggle();
        }
    var blinkspeed = 550;
$(document).ready(function{
    if(in_progress > 0){
        setInterval(blinkfunc1, blinkspeed);
        }
    if(behind_sched > 0){
        setInterval(blinkfunc2, blinkspeed);
        }
});
    </script>

確保您不要將其忘記到您的頭部標簽中

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

有條件地閃爍文本

問題描述

4 個解決方案

解決方案1
0

解決方案2
0 2015-01-18 07:56:06

解決方案3
0 2015-01-18 08:34:39

解決方案4
0 2021-04-29 02:33:16

有條件地閃爍文本

問題描述

4 個解決方案

解決方案1 0

解決方案2 0 2015-01-18 07:56:06

解決方案3 0 2015-01-18 08:34:39

解決方案4 0 2021-04-29 02:33:16

解決方案1
0

解決方案2
0 2015-01-18 07:56:06

解決方案3
0 2015-01-18 08:34:39

解決方案4
0 2021-04-29 02:33:16