JS两种定时器与八种方法获取元素

一：第一种定时器

1.循环执行：设置了等待时间，当时间到了的话，就会执行相应的方法，随后执行完，定时器并不会停止，而是每隔设置的时长重新执行，直到手动删除才停止。

var time1=window.setInterval("方法名或方法","延时")；

//去掉定时器方法

window.clearInterval(time1);

**以下实例在每隔1秒执行clock()函数，就在ID为clock的文本框刷新当前时间，同时包含了停止执行的按钮

<input type="text" id="clock"/>
<script>
var int=self.setInterval("click()",1000);
function clock()
{
         var a=new Date();
         var ba.toLocaleTimeString();//吧Date对象的时间部分转换为字符串
         document.getElementById("clock").value=b;
}
</script>
<button onclick="int=window.clearIntervalue(int)">停止</button>

时间停止刷新

二：第二种定时器

2.定时执行：设置了等待时间，当执行完成一次后，执行就会停止，但定时器仍在。

var time2=window.setTimeout("方法名或方法","延时");

//去掉定时器方法

window.clearTimeout(time2);

**以下实例为三秒后执行按钮;

<p>点击按钮，在等待3s后弹出“Hello”。</p>
<button onclick="myFunction">点我</button>
<script>
function myFunction(){
        setTimeout(function(){
               alert("Hello");
        },3000)
}
<script>

三：八种获取DOM元素的方法

a.通过ID获取(document.getElementById)

b.通过name属性(document.getElementsByName)

c.通过标签名(document.getElementsByTagName)

d.通过类名(document.getElementsByClassName)

e.通过选择器获取一个元素(document.querySelector)

f.通过选择器获取一组元素(document.querySelectAll)

g.通过HTML的方法(documnet.documentElement)是专门获取HTML这个标签的

h.获取body的方法(document.body)是专门获取body这个标签的