您的位置：首页 > Web前端 > JavaScript

JavaScript （定时器控件实现图片的 滚动 以及JavaScript实现跳转和关闭窗口）

2015-08-02 13:39 766 查看 
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)" onclick="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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html JavaScript JS入门 JS基础
相关文章推荐
新的分享
章节导航