js特效3(Date物件)

2021-10-03 21:23:09 字數 4308 閱讀 3488

九宮格盒子所在的行列與盒子的總列數有關

行 = 盒子的下標 / 總列數;

列 = 盒子的下標 % 總列數;

/*九宮格盒子所在的行列與盒子的總列數有關

行 = 盒子的下標 / 總列數;

列 = 盒子的下標 % 總列數;*/

window.

onload

=function

(ev));

f1('btn2').

addeventlistener

('click'

,function

(ev1));

f1('btn3').

addeventlistener

('click'

,function

(ev1));

};function

f1(id)

/** * 九宮格布局

* @param allcols 行數

* @param parentnode 父盒子

*/function

f(allcols, parentnode)

}<

/script>

(1)date物件基於2023年1月1日(世界標準時間)起的毫秒數

(2)基本屬性

var xdata =

newdate()

;//當前時間

//返回毫秒數,當前時間距2023年1月1日的毫秒時間

document.

write

(xdata.

gettime()

+'')

;//返回時間的毫秒

document.

write

(xdata.

getmilliseconds()

+'')

;//返回秒

document.

write

(xdata.

getseconds()

+'')

;//返回分鐘

document.

write

(xdata.

getminutes()

+'')

;//返回小時

document.

write

(xdata.

gethours()

+'')

;//返回星期幾,0週日,6週六

document.

write

(xdata.

getdate()

+'')

;//返回當月的第幾天

document.

write

(xdata.

getday()

+'')

;//返回月份,從0開始,如3月是2

document.

write

(xdata.

getmonth()

+'')

;//返回4位的年份,如2020

document.

write

(xdata.

getfullyear()

+'')

;//你想要的時間

var ndata =

newdate

('2020/4/08 13:14:13');

document.

write

(ndata)

;

案例1:格式化時間

lang

="en"

>

>

charset

="utf-8"

>

>

格式化時間title

>

head

>

>

>

function

fdata

(d)var year = d.

getfullyear()

;var mouth = d.

getmonth()

+1;var date = d.

getdate()

;var hour = d.

gethours()

;var min = d.

getminutes()

;var sec = d.

getseconds()

;//轉換格式 yyyy--mm--dd hh:mm:ss

mouth = mouth <

'10'

?'0'

+ mouth : mouth;

date = date <

'10'

?'0'

+ date : date;

min = min <

'10'

?'0'

+ min : min;

sec = sec <

'10'

?'0'

+ sec : sec;

hour = hour <

'10'

?'0'

+ hour : hour;

return year +

'--'

+ mouth +

'--'

+ date +

' '+ hour +

':'+ min +

':'+ sec;

}var tim =

fdata

(new

date()

);document.

write

(tim)

;script

>

body

>

html

>

(1)需求

①迴圈執行:js的程式執行速度是非常快的,如果希望一段程式可以每隔一段時間執行一次,可以使用定時器呼叫

setinterval(函式或者語句,時間單位毫秒);

//迴圈執行

setinterval

(function()

,1000

)//單位是毫秒,1000毫秒是1秒

<

/script>

//迴圈執行

setinterval

('document.write(\'啦啦啦\');'

,1000);

<

/script>

//迴圈執行

functionf(

)setinterval

(f,1000);

//不帶括號是只想要這個函式,帶()是想要函式的結果

<

/script>

>

"time"

>

5div

>

src=

"image/flower.jfif"

id="flo"

>

>

window.

onload

=function

(ev)},

1000);

};function

f(id)

script

>

body

>

>

class

="big"

>

"day"

class

="box"

>

div>

"hour"

class

="box"

>

div>

"min"

class

="box"

>

div>

"sec"

class

="box"

>

div>

div>

>

window.

onload

=function

(ev)

,1000);

function

f1(id)

function

f(num)};

script

>

body

>

②定時執行:某一段程式需要在延遲多少時間後執行,可以使用定時器呼叫

js內建物件 Date物件

date物件 data物件可以儲存任意乙個日期,並且可以精確到毫秒數 1 1000 秒 定義 預設初始值定義 var dataname new date 使用關鍵字new data首字母必須大寫 使dataname成為物件,同時具有初始值 當前電腦系統時間 自定義初始值定義 var dataname...

Js內建物件 Date

var now new date console.log now fri oct 19 2018 17 53 57 gmt 0800 中國標準時間 初始化自定義日期時間物件 var aaaa new date 2018 05 01 console.log aaaa tue may 01 2018 0...

js日期date物件

日期物件的一些屬性和方法 var date new date date.tostring tue jan 29 2019 22 58 13 gmt 0800 中國標準時間 date.totimestring 22 58 13 gmt 0800 中國標準時間 date.tojson 2019 01 2...