一、定时器1、循环定时器的设置和取消（1）启动循环定时器：setlnterval()循环定时器，调用一次就会创建并循环执行一个定时器格式：setInterval（调用方法，毫秒值）； //毫秒值就是循环周期（2）停止循环定时器clearInterval（）setInterval方法在创建一个定时器的同时，还会安徽一个定时器的ID，该ID就代表这个定时器此定时器ID在当前页面是不能重复的我们可以通过clearInterval（）方法，指定摸个循环定时器停止格式 ： clearInterval（定时器ID）；2、一次性定时器的设置和取消（1）启动一次性定时器：setTimeout（）一次性定时器，调用一次就会创建并执行一个定时器一次格式：setTimeout（调用方法，毫秒值）；（2）停止一次性定时器clearTimeout（）setTimeout方法在创建一个定时器的同时，还会返回一个定时器的ID，该ID就代表这个定时器此定时器ID在当前页面是不能重复的我们可以通过clearTimeout方法，指定某个一次性定时器停止格式：clearTimeout（定时器ID）；二、location对象location 对象包含浏览器地址栏信息常用属性：href 设置或返回完整的URL设置href属性，浏览器就会跳转到对应的路径三、DOM对象1、DOM对象是什么？有什么作用？ DOM（Document Object Model） 文档对象模型 文档：标记型文档（HTML等）DOM是将标记型文档中所有内容（标签、文本、属性）都封装成对象，通过操作对象的属性或方法，来达到操作或者改变HTML展示效果的目的2、DOM树介绍<html><head><title>文档标题</title></head><body>< a href="">我的连接</ a><h1>我的标题</h1></body></html>上述HTML文档会被浏览器由上到下依次加载并解析每个标签会被加载成DOM树上的一个元素节点对象每个标签的属性会被加载成一个属性节点对象每个标签的内容体会被加载成一个文本节点对象整个DOM树，是一个文档节点对象，即DOM对象一个HTML文档加载到内存中就会形成一个DOM对象3、DOM树的特点必定会有一个跟节点每个节点都是节点对象常见的节点关系。
<!DOCTYPE html>
<html>
<head>
<title>倒计时</title>
<script>
window.onload = function(){
var oDiv = document.getElementById('div1');
timeLeft();
setInterval(timeLeft,1000);
function timeLeft(){
var now = new Date();
var future = new Date(2020,3,12,0,0,0);
var milli = parseInt((future-now)/1000);
if(milli<=0){
window.location.href = "http://www.baidu.com";
}
var day = parseInt(milli/86400);
var hour = parseInt((milli%86400)/3600);
var mintue = parseInt(((milli%86400)%3600)/60);
var second = milli % 60;
oDiv.innerHTML ='距离2020年03月13日00时00分00秒还有' + day + '天'+toDouble(hour)+'时'+toDouble(mintue)+'分'+toDouble(second)+'秒';
}
}
function toDouble(num){
if(num<10){
return '0'+num;
}else{
return num;
}
}
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>
