html做自动开始的计时器,怎么样实现打开页面自动开始倒计时

已采纳

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

html

head

meta http-equiv=Content-Type content=text/html charset=gb2312 /

titlejavascript实现的倒计时时钟/title

script language=javascript

window.onload = function ()

{

var oCountDown = document.getElementById(countdown);

var aInput = oCountDown.getElementsByTagName(input)[0];

var timer = null;

aInput.onclick = function ()

{

this.className == ? (timer = setInterval(updateTime, 1000), updateTime()) : (clearInterval(timer));

this.className = this.className == '' ? cancel : '';

};

function format(a)

{

return a.toString().replace(/^(\d)$/,'0$1');

}

function updateTime ()

{

var aSpan = oCountDown.getElementsByTagName(span);

var oRemain = aSpan[0].innerHTML.replace(/^0/,'') * 60 + parseInt(aSpan[1].innerHTML.replace(/^0/,''));

if(oRemain = 0)

{

clearInterval(timer);

return;

}

oRemain--;

aSpan[0].innerHTML = format(parseInt(oRemain / 60));

oRemain %= 60;

aSpan[1].innerHTML = format(parseInt(oRemain));

}

// 加上此句即可。

aInput.click();

}

/script

/head

body

div align=center id=countdown

span02/span分钟span00/span秒

input type=button value=开始 /

/div

/body

/html

取消

评论