使用jquery闪烁文本框值[重复]答案

【问题标题】：Blinking textbox value using jquery [duplicate]使用jquery闪烁文本框值[重复]
【发布时间】：2014-08-09 16:48:19
【问题描述】：

我正在使用以下代码来闪烁文本框值，但 Firefox、IE 不支持它。我怎样才能实现？我可以使用淡入淡出功能吗？如果是，则意味着帮助我。

<script>
$(document).ready(function(){

$("#blinkchk").click(function(){
var a=$("#text").val();
a.blink();
});

});
</script>

<body>
<textarea id="text"></textarea>
<input type="checkbox" name="check" id="blinkchk" value="Blink" />Blink
</body>

【问题讨论】：

标签： jquery html textbox

【解决方案1】：

先给css，transition: color 0.3s;

然后：

$("#blinkchk").click(function(){
    setInterval(function(){
        $('#text').css('color','transparent');
        setTimeout(function(){
            $('#text').css('color','black');
        },500);
    },1000);
});

http://jsfiddle.net/8ebF6/

【讨论】：

@ Amin Jafari ，如果我取消选中此复选框需要停止闪烁。有没有像 $("#blinkchk").click(function() 那样取消选中复选框的方法？
给你：jsfiddle.net/8ebF6/1

【解决方案2】：

试试这个。正是你想要的

$("#blinkchk").click(function(){

    setInterval(function() { 
       $("#text").removeClass().addClass("m1")
    }, 400);

       setInterval(function() { 
       $("#text").removeClass().addClass("m2")
    }, 800);
});

DEMO

【讨论】：

这将使整个元素闪烁，而不是单独的文本
删除 textarea 并将其设为 span 或 div 即可。问题有 textarea 所以我会放那个
@Amin Jafari - 为你看另一个演示
我不是那个意思，看看我的答案，看看小提琴看看我在说什么
正如您在此处看到的 (jsfiddle.net/8ebF6) 只有文本在闪烁，而不是整个容器（在这种情况下是文本区域）

【解决方案3】：

为了兼容性做这样的事情：

<style>
.blink_on {
opacity: 1;
}
.blink_off {
opacity: 0;
}
</style>

<script>
$(document).ready(function(){
$("#blinkchk").click(function(){
setInterval(function() {
if($("#text").hasClass('blink_on')) {
$("#text").removeClass('blink_on');
$("#text").addClass('blink_off');
}
else {
$("#text").addClass('blink_on');
}
},300);
});

});
</script>

<body>
<textarea id="text"></textarea>
<input type="checkbox" name="check" id="blinkchk" value="Blink" />Blink
</body>

【讨论】：

【解决方案4】：

如果你热衷于伤害别人的眼睛，有一个 jQuery 插件可以恢复闪烁功能！它允许您简单地使用以下内容来使某些东西闪烁：

$('.blink').blink();

http://www.antiyes.com/jquery-blink-plugin

【讨论】：

【解决方案5】：

使用这个：

$("#blinkchk").click(function(){
    setInterval(function(){$("#text").fadeOut(200,function(){
      $(this).fadeIn(200);
    })},400);

});

Demo

【讨论】：