成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

JavaScript標(biāo)準(zhǔn)庫系列——Math對(duì)象和Date對(duì)象(二)

whinc / 1163人閱讀

摘要:目錄導(dǎo)語對(duì)象對(duì)象對(duì)象方法的應(yīng)用日歷插件小結(jié)導(dǎo)語這是標(biāo)準(zhǔn)庫系列的第二篇文章,主要討論一下對(duì)象和對(duì)象,對(duì)象在平時(shí)處理一些數(shù)學(xué)操作時(shí)能起到事半功倍的作用,目前小羊接觸到的對(duì)象的使用場景是動(dòng)畫制作對(duì)象作為關(guān)于時(shí)間的接口,能夠?qū)⑵鋺?yīng)用于制作和時(shí)間相關(guān)

目錄 導(dǎo)語 1. Math對(duì)象 2. Date對(duì)象 3. Date對(duì)象方法的應(yīng)用——日歷插件; 4. 小結(jié) 導(dǎo)語

這是《JavaScript標(biāo)準(zhǔn)庫系列》的第二篇文章,主要討論一下Math對(duì)象和Date對(duì)象,Math對(duì)象在平時(shí)處理一些數(shù)學(xué)操作時(shí)能起到事半功倍的作用,目前小羊接觸到的Math對(duì)象的使用場景是動(dòng)畫制作;
Date對(duì)象作為關(guān)于時(shí)間的接口,能夠?qū)⑵鋺?yīng)用于制作和時(shí)間相關(guān)的應(yīng)用,下文給出一個(gè)日歷小插件作為該對(duì)象的實(shí)際應(yīng)用;

1.Math對(duì)象

Math對(duì)象提供了數(shù)學(xué)當(dāng)中常見的屬性和方法,注意的是Math對(duì)象并不是構(gòu)造函數(shù);
Math對(duì)象的方法的其中一個(gè)應(yīng)用是在制作復(fù)雜的動(dòng)畫特效時(shí)能派上大用場,因此對(duì)動(dòng)畫制作感興趣的童鞋要掌握好;

1.1Math對(duì)象的屬性

Math對(duì)象的屬性定義常見的數(shù)學(xué)常量:

1.2 Math對(duì)象的方法

最值方法

Math.min && Math.max:根據(jù)參數(shù)返回最值;

可利用該方法去獲取數(shù)組的最值;

舍入方法

Math.floor:向下取整;
Math.ceil:向上取整;

Math.round:四舍五入取整;

隨機(jī)數(shù)方法

Math.random:返回0~1(不包含1)的隨機(jī)數(shù);

可以通過以下方法獲取任意范圍的隨機(jī)數(shù):

//獲取0~9的數(shù)值
Math.floor(Math.random()*10)
//獲取1~10的數(shù)值
Math.floor(Math.random()*10+1)
//獲取任意范圍的數(shù)值
function randomNum(min,max){
    if(min-max>0){
        var mid = min;
        min = max;
        max = mid;
    }
    var range = max - min + 1
        return Math.floor(Math.random()*range+min);
};

小小變色特效

//html
Hello World
//js var $colors = $("#colors") setInterval(function(){ var pipeRed = randomNum(0,255), pipeGreen = randomNum(0,255), pipeBlue = randomNum(0,255); color = "rgb("+pipeRed+","+pipeGreen+","+pipeBlue+")"; $colors.css({ "background":color, }) console.log(color) },1000)

基本數(shù)學(xué)函數(shù)方法

三角函數(shù)方法

【注】:

關(guān)于三角函數(shù)方法的應(yīng)用,可以參考小羊的《基于Canvas的動(dòng)畫基本原理與數(shù)理分析》一文; 2. Date對(duì)象

Date對(duì)象使用自UTC1970年1月1日零時(shí)開始的經(jīng)過的毫秒數(shù)來保存時(shí)間,時(shí)間范圍為該時(shí)期前后1億天;

2.1 Date對(duì)象作為工具方法

Date對(duì)象自身的方法
Date對(duì)象作為方法使用,帶不帶參數(shù)都返回當(dāng)前的時(shí)間的字符串


注意:new Date()返回的是對(duì)象,雖然二者看上去很像;

Date對(duì)象的靜態(tài)方法

Date.now():返回當(dāng)前距離1970年1月1日 00:00:00 UTC的毫秒數(shù);

Date.UTC():返回設(shè)置的參數(shù)距離1970年1月1日 00:00:00 UTC的毫秒數(shù),參數(shù)格式為:year, month[, date[, hrs[, min[, sec[, ms]]]]]


[注]12個(gè)月份分別有0~11表示,上面的11代表12月;

Date.parse():解析日期字符串,返回當(dāng)前距離1970年1月1日 00:00:00 UTC的毫秒數(shù);


[注]可傳遞的日期字符串不僅限于上述,但是一般采用上面3種日期字符串表示方法;
Date.parse()和Date.UTC()作用類似;

2.2 Date對(duì)象的實(shí)例方法

Date作為構(gòu)造函數(shù)
Date作為構(gòu)造函數(shù)時(shí),可以生成一個(gè)時(shí)間對(duì)象的實(shí)例, 不傳參數(shù)將返回當(dāng)前的時(shí)間對(duì)象實(shí)例,傳遞的參數(shù)可以是多個(gè)代表日期的數(shù)值,也可以是日期字符串,還可以是代表時(shí)間的毫秒數(shù);


使用代表日期的數(shù)值設(shè)置時(shí)間時(shí)要注意各個(gè)參數(shù)的取值范圍:

year: 4位年份;
month: 0-11,這個(gè)要注意;
date:1-31;
hour:0-23;
minute:0-59;
second:0-59
ms:0-999

Date對(duì)象的實(shí)例方法
阮一峰的《JavaScript標(biāo)準(zhǔn)參考教程》總結(jié)了3大類方法,小羊根據(jù)其教程篩選了比較常用to類方法,詳見阮一峰的教程;

to類方法

toString:返回當(dāng)前時(shí)區(qū)的時(shí)期字符串;

toUTCString:返回當(dāng)前0時(shí)區(qū)的時(shí)期字符串;
toDateString:返回日期字符串;
toTimeString:返回時(shí)間字符串;
toLocalTimeString:返回當(dāng)?shù)乇憩F(xiàn)形式的時(shí)間字符串


get類方法

getFullYear:獲取實(shí)例的四位年份;

getMonth:獲取月份(0表1月,11表12月);
getDate:獲取第幾天;
getDay:獲取星期(0為星期日,6為星期六);
getHours:返回小時(shí);
getMinutes:返回分鐘;
getSeconds:返回秒;
getMilliseconds:返回毫秒;
getTime():返回距離1970年1月1日00:00:00的毫秒數(shù),相當(dāng)于valueOf();


set類方法

setFullYear:設(shè)置實(shí)例的四位年份;

setMonth:設(shè)置月份;
setDate:設(shè)置日子;
setHours:設(shè)置小時(shí);
setMinutes:設(shè)置分鐘;
setSeconds:設(shè)置秒;
setMilliseconds:設(shè)置毫秒;
setTime:設(shè)置毫秒時(shí)間戳;

3.3. Date對(duì)象方法的應(yīng)用——日歷插件;

日期插件件詳見小羊的文章[《[簡潔的jQuery日歷小插件]》](http://www.jianshu.com/p/048d...;

4. 小結(jié)

通讀本文之后,我們可以基本清楚理解:

Math對(duì)象提供數(shù)學(xué)當(dāng)中常用的屬性和方法;

Math對(duì)象的屬性包括PI、E、LN2、LN10、LOG2E、LOG10E;

MAth對(duì)象的方法包括最值方法、舍入方法、隨機(jī)數(shù)方法、基本數(shù)學(xué)函數(shù)方法和三角函數(shù)方法;

Date對(duì)象的使用可分為Date對(duì)象作為工具方法和Date對(duì)象的實(shí)例方法;

Date對(duì)象作為工具方法部分,Date()直接返回當(dāng)前時(shí)間的字符串,注意和new Date()的區(qū)別;Date.now()返回當(dāng)前距離起始日期的毫秒數(shù);Date.parse()可以解析日期為毫秒數(shù);

Date對(duì)象可作為構(gòu)造函數(shù)創(chuàng)建一個(gè)日期實(shí)例,可傳遞多種形式的日期參數(shù);但要注意不同時(shí)間參數(shù)的取值范圍的不同;

Date對(duì)象的實(shí)例方法可大致分為3大類,to類、get類和set類;其中除了getDay()這一方法在set類中沒有對(duì)應(yīng)方法外,其他get類都有對(duì)應(yīng)set類方法;

參考資料

《JavaScript高級(jí)程序設(shè)計(jì)(第3版)》

《JavaScript標(biāo)準(zhǔn)參考教程》——阮一峰

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/86723.html

相關(guān)文章

  • 2019年前端筆試題

    摘要:為了實(shí)現(xiàn)這一點(diǎn),他們創(chuàng)建了兩種呈現(xiàn)模式標(biāo)準(zhǔn)模式和混雜模式。不存在或形式不正確會(huì)導(dǎo)致和文檔以混雜模式呈現(xiàn)。無論是否編寫了有效的,如果選擇了錯(cuò)誤的,那么頁面就將以混雜模式呈現(xiàn),其行為就可能會(huì)有錯(cuò)誤或不可預(yù)測。 什么是web標(biāo)準(zhǔn)?WEB標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁主要由三部分組成:結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)和行為 (Behavior)。...

    Baaaan 評(píng)論0 收藏0
  • 2019年前端筆試題

    摘要:為了實(shí)現(xiàn)這一點(diǎn),他們創(chuàng)建了兩種呈現(xiàn)模式標(biāo)準(zhǔn)模式和混雜模式。不存在或形式不正確會(huì)導(dǎo)致和文檔以混雜模式呈現(xiàn)。無論是否編寫了有效的,如果選擇了錯(cuò)誤的,那么頁面就將以混雜模式呈現(xiàn),其行為就可能會(huì)有錯(cuò)誤或不可預(yù)測。 什么是web標(biāo)準(zhǔn)?WEB標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn),而是一系列標(biāo)準(zhǔn)的集合。網(wǎng)頁主要由三部分組成:結(jié)構(gòu)(Structure)、表現(xiàn)(Presentation)和行為 (Behavior)。...

    Neilyo 評(píng)論0 收藏0
  • 前端面試之路(javaScript基礎(chǔ)整理)

    摘要:在標(biāo)簽中添加屬性,本質(zhì)上是跟在標(biāo)簽里面寫屬性時(shí)一樣的,所以屬性值最終都會(huì)編譯為字符串類型。這個(gè)節(jié)點(diǎn)包括很多,比如,以及一些方法等方法。一個(gè)對(duì)象有很多,該集合名字為,里面有其他以及,里面有很多。 一、變量類型和計(jì)算 JS中使用typeof能得到哪些類型 變量類型 值類型:變量本身就是含有賦予給它的數(shù)值的,它的變量本身及保存的數(shù)據(jù)都存儲(chǔ)在棧的內(nèi)存塊當(dāng)中 引用類型:引用類型當(dāng)然是分配到...

    AbnerMing 評(píng)論0 收藏0
  • JavaScript 基礎(chǔ)知識(shí) - 入門篇()

    摘要:函數(shù)可以沒有返回值,會(huì)在最后面返回一個(gè)。事物的行為在對(duì)象中用方法來表示。 11. 函數(shù) 11.1 函數(shù)的基礎(chǔ)知識(shí) 為什么會(huì)有函數(shù)? 在寫代碼的時(shí)候,有一些常用的代碼需要書寫很多次,如果直接復(fù)制粘貼的話,會(huì)造成大量的代碼冗余;函數(shù)可以封裝一段重復(fù)的javascript代碼,它只需要聲明一次,就可以多次調(diào)用; 冗余代碼: 冗余:多余的重復(fù)或啰嗦內(nèi)容 缺點(diǎn): 代碼重復(fù),可閱讀性差 ...

    niuxiaowei111 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<