js定时器的一些小问题

 1 js中定时器分为两种：setInterval和setTimeout, 但是在代码的执行中，定时器的优先级最低，系统里其他不在执行的时候，它才开始。例子如下：

 2

 3 <script>

 4 window.onload=function(){

 5     setInterval(function(){

 6         alert(1);

 7     },10);

 8     for(var i=0;i<1000000;i++){

 9         for(var j=0;j<1000000;j++){

10             var a=10;

11              a*=5;

12         }

13

14     }

15     alert(a);

16 };

17 </script>

18

19 定时器里面的执行时间为10毫秒，   for循环里面为100万毫秒。打开页面的时候一直处于刷新状态，而不是先弹出1， 刷新一段时间后，先弹出50；再弹出1；

20

21

22 第二个例子：

23

24 <script>

25 window.onload=function (){

26     var oMin=document.getElementById('min');

27     var oSec=document.getElementById('sec');

28     var oMin2=document.getElementById('min2');

29     var oSec2=document.getElementById('sec2');

30

31     var start=new Date();

32     var s2=0;

33

34     setInterval(function (){

35         var now=new Date();

36

37         var s=parseInt((now.getTime()-start.getTime())/1000);

38

39         s2+=0.01;

40

41         oMin.innerHTML=parseInt(s/60);

42         oSec.innerHTML=s%60;

43

44         oMin2.innerHTML=parseInt(s2/60);

45         oSec2.innerHTML=parseInt(s2%60);

46     }, 10);

47

48     document.getElementById('div1').innerHTML=new Date();

49 };

50 </script>

51 </head>

52

53 <body>

54 <div id="div1"></div>

55 <span id="min">00</span>:<span id="sec">00</span><br>

56 <span id="min2">00</span>:<span id="sec2">00</span>

57 </body>

58 </html>

59 上下两个秒表经过一段时间后纯在了时间差     问题出现在s2+=0.01； 定时器会受系统其它函数的影响，因而影响其性能。导致存在误差-------也就是说以后遇到时间的时候，尽量用系统的时间来处理。比如：

60

61 秒表：

62

63 var start=new Date();

64

65 setInterval(function(){

66

67 var now=new Date();

68 var s=parseInt((now.getTime()-start.getTime())/1000);

69

70 },1000),

71

72 也可以实现秒表效果。
巴特西

js定时器的一些小问题

最新文章

热门文章
