Question

任何人都可以让我知道如何根据if语句使其闪烁文本？

enter image description here

样品：
如果值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 test

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 个答案: