jquery 文字淡入,停留,淡出問題

大家好

我在網頁上要做一段文字淡入後 停個幾秒 再淡出

我練習用 jquery寫, 卡關中...

目前的寫法能順利淡入 但就停住了... fadeOut無作用

不曉得是哪裡有問題 請前輩指導一下

謝謝

$(function GoFadeIn() {
$('.videoTitle').fadeIn(1000, function GoFadeIn() {
setTimeOut(GoFadeIn,2000, function GoFadeOut() {
$('.videoTitle').fadeOut(1000), function(){
}
});
});
});
2015-04-17 17:34 發佈
有部分的括號漏掉、大小寫錯、方法參數放錯位置之類的,
ready()、fadeIn()、fadeOut()、setTimeout()方法調用的callback函式可以不命名,
fadeOut()後面那個空的callback函式可以省略。

像這樣就可以了
$(function () {
$('.videoTitle').fadeIn(1000, function() {
setTimeout(function() {$('.videoTitle').fadeOut(1000)},2000);
});
});

不過建議不要用過多的嵌套callback函式,可讀性很差,
jQuery動畫的delay()方法效果和window.setTimeout()方法相同,
且會回傳jQuery物件可以用來使用方法串鏈更簡單的完成。

像這樣
$('.videoTitle').fadeIn(1000).delay(2000).fadeOut(1000);

一起加油吧

非常感謝 你修正後的變得好精簡.....

我觀念不是太清楚 寫出來一團糟... 努力中

謝謝唷


YAKUI_FAN wrote:
有部分的括號漏掉、...(恕刪)
雖然嵌套callback函式真的很便捷

但是看起來真的好髒...
寫程式要記得 :

1. 縮排 !

2. 註解 !

3. 重覆性的請寫成 function !

4. 名稱要取得有意義 , 不要亂取 !
台灣 日本 美國 韓國 新加坡 VPN 翻牆 http://vpnforgame.net
內文搜尋
X
評分
評分
複製連結
Mobile01提醒您
您目前瀏覽的是行動版網頁
是否切換到電腦版網頁呢?