js和jQ的定時操作

2021-08-27 04:00:02 字數 925 閱讀 9878

今天介紹關於jq和js的定時操作,其實jq和js的出生就是把網頁更有動態效果,更能吸引眼球,不讓網頁那麼的死板,其實js和jq的定時操作思想其實都差不多的就是表達方式不一樣,jq的**看起來更為簡潔一點

先介紹一下js的定時操作的過程文字表述一下:

1.獲取到的位置把隱藏,這裡為什麼要先隱藏呢,你看過網頁彈出的廣告吧,都是進去一會在彈出的,這也差不多就是這個意思,你也可以載入網頁就直接彈出也可以

2.定時把顯示出來

3.書寫定時操作的函式

4.清除定時操作,這樣可以保證程式健壯性,如果沒有清除的話,程式就會重複的執行定時的把顯示出來,可想而知,每個你設定的時間就會載入一次

5.定時隱藏顯示的,

6.書寫隱藏函式

7.清除定時隱藏的操作,原因同(3)

**獻上:

這下面是用jq寫的定時廣告,其實都差不多,jq的寫法比js的更為簡潔,

1.載入jq的架包

2.寫出載入函式

3.隱藏

4.顯示隱藏

5.書寫顯示函式

6.清除顯示操作

7.隱藏

8.書寫隱藏函式

9.清除隱藏操作

這裡6,9的清除操作原因和js中的(3)一樣

在這裡我為了顯示出jq的強大,提供了幾種顯示和隱藏的方式滑下slidedown(這裡可以設定這個操作所需要的時間)滑上slideup(這裡可以設定這個操作所需要的時間);漸入fadein(這裡可以設定漸入的時間),漸出fadeout(這裡可以設定漸出的時間);

具體的在**上看了!

**獻上:

js和jq的區別

1 js和jq在使用方法和屬性上的區別 1 jq物件不能使用js物件的方法和屬性,js物件不能使用jq物件的方法和屬性。2 jq物件全部都是乙個陣列物件 3 js和jq的轉換 1.js物件轉換成jq物件的方式 js物件 2.jq物件轉換成js物件方式 jq物件 索引值 jq物件.get 索引值 3....

jq和js的關係 JS和JQUERY的區別

根據id取元素 js 取到的是乙個dom物件。例 var div document.getelementbyid one jquery 取到的是乙個jquery物件。例 var div one 括號裡面是根據某個東西來找,相當於乙個選擇,如果我們要根據id來找,在樣式表裡的id是用 來表示的,所以在...

JQ操作類與JS操作類的區別

1 原生js操作類 會覆蓋元素原先的類名 2 jq操作類 jq裡面的類只是對指定類進行操作 追加 移除 等操作,不影響原來的類名 2.1jq追加類 element.addclass 類名 2.2jq移除類 element.removeclass 類名 one div body 1 原生js操作類名 ...