jquery 提示資訊顯示後自動消失的具體實現

jquery 提示資訊顯示後自動消失的具體實現

 讓提示資訊顯示後自動消失的方法有很多，在本文為大家介紹下使用jquery是如何做到的，感興趣朋友可以參考下

經常需要做讓一個提示資訊顯示幾秒然後自動消失的效果，之前是用setTimeout去實現，但是發現如果頁面上有多個setTimeout就不太好。今天找到了兩個很簡單的方法.mark一下。 

方法一： 

 代碼如下:

$("#errormsg").html("您的資訊輸入錯誤，請重試!").show(300).delay(3000).hide(300); 

 

方法二： 

代碼如下:

$("#errormsg").html("ok").hide(3000);// 這個是漸漸消失 

$("#errormsg").html("ok").fadeTo(3000).hide(); //這個是讓他顯示5秒（實際就是沒有改變透明度），然後隱藏