setInterval(code,millisec)
参数 | 描述 |
---|---|
code | 必需。要调用的函数或要执行的代码串。 |
millisec | 必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。 |
* 1、定时器可以控制每次执行的时间间隔,而循环不可以
* 2、定时器启动后后续的代码还可以正常执行,而循环则不行,它必须等待循环结束才可以执行后续的代码!
* 3、开启一个定时器就好比开启了一个线程
*/
<body>
<img src="img/Chrysanthemum.jpg" alt="pic" id="pic"/>
<script>
var array = ['img/Chrysanthemum.jpg', 'img/Desert.jpg', 'img/Hydrangeas.jpg', 'img/Jellyfish.jpg', 'img/Koala.jpg'];//把图片预先放到数组中
var picDOM = document.getElementById('pic');
var cycle = function() {//实现图片的的更换
picDOM.src = array[i];
i++;
if (i >= array.length) {
i = 0;
}
}
// 图片滚动
var i = 0;
var intervalID = setInterval(cycle, 1000);//启动时钟控件
// 鼠标移上去时候,滚动停止
picDOM.onmouseover = function () {
clearInterval(intervalID);//时钟停止事件
}
// 鼠标离开的时候,滚动再次开始
picDOM.onmouseout = function () {
intervalID = setInterval(cycle, 1000);//启动时钟控件
}
</script>
</body>
/**
* 实现跳转和关闭窗口
*/
<body>
<a href="javascript:void(0)" id="switch">跳转1</a>
<a href="javascript:void(0)" οnclick="return confirm('确认跳转?');">跳转2</a>
<button id="open">窗口弹出</button>
<script>
//close();//关闭浏览器代码 在firefox下不能关闭:只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭。这阻止了恶意的脚本终止用户的浏览器。
document.getElementById('open').onclick = function() {
open('http://202.108.22.5','width=200,height=100,left=100,top=100');//跳转语句 由于兼容性问题,只有部分浏览器可用,可实现控制弹出窗口的位置和窗口的大小
}
var sw = document.getElementById('switch');//获取跳转1的这个元素
sw.onclick = function() {//单击事件
if (confirm('确认跳转?')) {
location = 'http://www.taobao.com/';//跳转语句
}
}
</script>
</body>