控制div的淡出和淡入
[英]Control the fadeout and fadein of the div
問題描述
當我對#companyName進行更改時，我希望 #preview 每秒閃爍一次。
另外，我想的閃爍#preview停1秒我停在修改后#companyName為2秒。
<html>
<body>
<div id="edit">
<label>Company Name: </label>
<input type="text" id="companyName" />
</div>
<div id="preview">
<label id="preview" style ="font-size: 20px;">
This is my company
</label>
</div>
<script>
$('#companyName').keyup(function() {
delay(function(){
var value = $(this).val();
$('#preview').fadeOut().fadeIn();
$("#preview").text(value);
}, 2000 );
});
var delay = (function(){
var timer = 0;
return function(callback, ms){
clearTimeout (timer);
timer = setTimeout(callback, ms);
};
})();
</script>
</body>
1 個解決方案
解決方案1
0 2013-12-21 06:16:03
如果您想在 keyup 上閃爍 #preview 並在 2 秒后取回它，您可以做的是，
$('#companyName').keyup(function() {
var $prev=$('#preview').fadeOut().fadeIn();
delay(function(){
$prev.html($(this).val()).fadeIn();
}, 2000 );
});
希望這有幫助。 ！
編輯
延遲功能應該如下所示，
var delay = (function(){
var timer = 0;
return function(callback, ms){
clearTimeout (timer);
timer = setTimeout(callback, ms);
};
})();
在這里，我已經看到你硬編碼了 1000 毫秒，我猜是行不通的。
在同一個div中淡出淡出
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.