第34天 日期函式 定時器 倒計時

一、日期函式（date()）

設定本地日期：年月日時分秒

1、宣告日期

var date=new date();//建立乙個新的日期函式

2、使用函式

date.gettime();//提倡使用，

date.valueof();得到距離2023年的毫秒數

console.log(date().now());//直接使用

console.log(+new date());

3、獲取日期和時間

getdate()獲取日 1-31

getday ()獲取星期 0-6

getmonth ()獲取月 0-11

getfullyear ()獲取完整年份（瀏覽器都支援）

gethours ()獲取小時 0-23

getminutes ()獲取分鐘 0-59

getseconds ()獲取秒 0-59

getmilliseconds ()獲取當前的毫秒

gettime ()返回累計毫秒數(從1970/1/1午夜)

二、定時器

window.setinterval("執行的函式",間隔時間);

setinterval（fun,1000);每隔1000毫秒執行一次fun函式

setinterval（"fun()",1000);//fun()立刻執行

setinterval（fun(){},1000);

三、倒計時

將來的毫秒數-現在的毫秒數，不斷轉換成時分秒

var endtime=new date("2015/12/12");//date()，括號裡寫日期就是自己定義的時間，不寫日期預設當前時間

new date("2017/10/01 18:30:35");//日期和時分秒之間用空格隔開

案例：1、日曆

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>日曆
title
>
6<
style
>
7.box
14.box p
19.box span
30style
>
31<
script
>
32window.onload
=function
()44
script
>
45head
>
46<
body
>
47<
div 
class
="box"
id="box"
>
48<
p>
p>
49<
span
>
span
>
50div
>
51body
>
52html
>
執行效果：

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>定時器
title
>
6<
style
>
7#demo
18style
>
19<
script
>
20window.onload
=function
()28}29
script
>
30head
>
31<
body
>
32<
div 
id="demo"
>
div>
33body
>
34html
>
執行效果：

1

doctype html
>
2<
html 
lang
="en"
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>倒計時
title
>
6<
style
>
7#demo
13style
>
14<
script
>
15window.onload
=function
()42}43
script
>
44head
>
45<
body
>
46<
div 
id="demo"
>
div>
47body
>
48html
>
執行效果：

定時器和倒計時

1，定時器 timer，timer.schedule task,2000,1000 開啟新執行緒如果要更改ui必須在ui執行緒中進行 timertask task new timertask 定時器沒有終點，呼叫cancel終止 override protected void ondestroy 2...

js中定時器 時間和日期 vue倒計時

定時器 setinterval 按照指定的週期 以毫秒計 來呼叫函式或計算表示式。方法會不停地呼叫函式，直到 clearinterval 被呼叫或視窗被關閉。settimeout 在指定的毫秒數後呼叫函式或計算表示式,執行一次。var timer1 window.settimeout functio...

2018 2 4 節點，定時器，倒計時

1.設定節點屬性 1.獲取節點屬性 getattribute 屬性 獲取屬性 通過這個方法，可以得到 某些元素的 某些屬性 alert demo.getattribute title 彈出對話方塊 彈出title裡面的內容 2.設定節點屬性 setattribute 屬性 值 比如說，我們想要把 乙...