js定時器

獲取元素:

document.getElementById('id');

document.getElementsByTagName('標簽');

document.body

事件:

onclick

onmouseover

onmouseout

onchange? select? ? option? value

操作誰 給誰加

函數:

function aaa(參數1....){}

aaa(參數1....)

取名字:

a? 多個對象

o? 單個對象

i? s? n

判斷:流程控制語句

if else

switch

if(條件){語句1}else{語句2}

條件?語句1:語句;

if(條件){語句1}

條件&&語句1;

數據類型:

Number

String

boolean

object

function

undefined

global

typeof? 檢測數據類型

類型轉換

字符串轉成數子 顯式類型轉換? 強制類型轉換

parseInt? ? 字符串 轉換成整數

parseFloat? 字符串 轉換成浮點數

Number('') 比較嚴格 轉成數字

isNaN? ? ? 非數字

NaN==NaN

隱式轉換:

''+0

真:

true? 非空字符串? 非0數字? 非空對象

假:

false? 0? null? undefined? NaN? ''

循環:

i=i+1;

i+=1;

i++;

for

while(條件){

//代碼

break;中斷本次執行

continue; 跳過本次

}

字符串拼接:

'+變量+'

字符串? 不能換行

+

\

``? ${變量}

()提升優先級

web分離? 樣式? 結構? 行為

邏輯運算符:

&&

||

賦值運算符:

=

+=

-=

*=

/=

%=

比較運算符

> <? ? <=? >=? ? ==? ===? !==? !=

作用域:

局部變量? 自己域用

全局變量? 在那都能用

閉包 ? 子函數能用父函數的變量

數組:Array

length? 個數? 從1開始

[] 下標? 從0開始

push? ? 從后面加入一個內容

操作表單:? value

操作非表單:innerHTML? 文本/標簽

隨機數:

Math.random()? 0-1

function demo(n,m){

return parseInt(Math.random()*(m-n)+n);

}

undefined:

1.聲明變量沒有賦值

2.訪問不存在的屬性

3.調用的時候沒有傳入參數

return

1.可以返回任何內容

2.阻斷 它后面的代碼執行

3.沒有返回值? 返回undefined

. []? 標示符? 表達式

非行間樣式:

function demo(obj,sName){

return obj.currentStyle?

obj.currentStyle[sName]:

getComputedStyle(obj,false)[sName];

}

沒有屬性 undefined

沒有函數 報錯

定時器:

var timer=null;

timer=setInterval(function(){

},1000)

setInterval(aaa,1000)

clearInval(timer)

timer=setTimeout(function(){

},1000)

clearTimeout(timer)

this:誰出發就是誰

eval:把字符串解析成js可以理解的程序

==========================================

雙色球:

秒表:

延遲選項卡:

注意:

this:當前發生事件元素

定時器里面不能用this? this會變成window

解決方法:

var _this=this;

文字時鐘:

日期對象? 里面裝著日期時間

var oDate = new Date()

獲取年? oDate.getFullYear();

獲取月 oDate.getMonth();? ? ? 比當前月小1,需要+1? 是0開始

獲取天 oDate.getDate();

獲取星期 oDate.getDay();? ? ? 星期日是0? ? ? 也是從0開始

日 一 二 三 四 五 六

0? 1? 2? 3? 4? 5? 6

獲取小時? oDate.getHours();

獲取分鐘? oDate.getMinutes();

獲取秒數? oDate.getSeconds();

圖片時鐘:

var str = 'abc';

str[下標];? 不兼容ie6,7

str.charAt(下標) 獲取某一位置的字符

事件:

onmouseover

onmouseout

onclick

onchange

onmousedown? 鼠標按下

onmouseup? ? 鼠標抬起

倒計時:

var oDate=new Date();

oDate.getTime(); 時間戳

格林威治時間戳

1970年1月1日? 0:0:0:0

從1970年1月1日0點0分0秒0毫秒一直到現在所經歷過的毫秒數

1437459829777

獲取到目標日期的時間戳(先設置,在獲取)

獲取到當前的時間戳

時間差=目標時間戳-當前時間戳

時間差(ms)

時間差(s) = parseInt(時間差/1000);

日期對象設置

設置年月日? oDate.setFullYear(y,m,d);

比現實月小1,設置的時候月份要-1

設置時分秒毫秒

oDate.setHours(h,m,s,ms);

自動播放選項卡:

選項卡重用加定時器

now=this.index

tab()

qq提示資料框:

事件連等

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1、 單線程、任務隊列的概念 單線程: JavaScript是一個單線程語言,瀏覽器只會分配一個javascrip...
    海山城閱讀 1,051評論 0 1
  • 定時器 JavaScript提供定時執行代碼的功能,叫做定時器(timer),主要由setTimeout()和se...
    李諾哦閱讀 1,046評論 0 0
  • 最近心情浮躁得很,沒法靜心看書,連手工都沒心思做了,于是選擇了能夠靜心的禪繞畫。 第一幅圖樣格子打小了,畫得太密集...
    玄月之佑閱讀 1,659評論 8 14