var timer=setInterval('date_2();', 3000);	每隔3秒循环执行过程函数！
clearInterval(timer) ;	可以关闭一个定时器

一、基础实例

<script language="JavaScript"> function date_1(){alert('打开网页只执行一次过程函数！');}function date_2() {alert('每隔3秒循环执行过程函数！');}// settimeout(date_1(), 3000);  //打开网页只执行一次过程函数！setInterval('date_2();', 3000);  //每隔3秒循环执行过程函数！//setTimeout("alert('这是进入网页执行，只执行一次！')", 3000)//setInterval("alert('这是进入网页执行，每隔3秒执行一次！')", 3000)

</script>

二、轮播图定时器效果

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>主页</title><link rel="stylesheet" href="css/body.css" /></head><style>.logo {width: 300px;height: 300px;background-color: #999999;border: 5px rgb(204, 201, 201) solid;overflow: hidden;}.logo img {width: 100%;height: 100%;}button {width: 150px;height: 60px;font-size: 25px;margin-right: 20px;}</style><body><div class="logo"><img src="data:images/logo.jpg" /></div><br /><br /><button id="stop">停止定时器</button><button id="btn_2">下一张</button></body><script type="text/javascript">var img = document.getElementsByTagName("img")[0];var img_now=0;var imgs=["tb1.jpg","tb2.jpg","tb3.jpg","tb4.jpg","tb5.jpg"];var stop = document.getElementById("stop");stop.onclick = function () {clearInterval(lunbo);};var btn_2 = document.getElementById("btn_2");btn_2.onclick = function () {img_now=img_now+1;if(img_now==5){img_now=0};img.src="data:images/"+imgs[img_now];}/* 每一秒切换一张图片 */var lunbo=setInterval(btn_2.onclick,1000);</script>
</html>

【JavaScript】Js定时器综合应用大全相关推荐

超全超实用的Javascript类库和jQuery插件大全之一：图片，地图和图形
为什么80%的码农都做不了架构师?>>> 日期:2012-10-10 来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javasc ...
超全超实用的Javascript类库和jQuery插件大全之二：文字处理，表格和列表处理，实用......
为什么80%的码农都做不了架构师?>>> 日期:2012-10-15 来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javasc ...
的setinterval函数_Vue定时器与JS 定时器 setInterval() 和 setTimeout()
H5前端开发社区专注更多编程教程和电子书天天在用钱在vue中,有两套定时器,一套是浏览器API,window对象上的:另一套就是vue/nodejs封装的,需要引入 import { setInter ...
JS常用属性方法大全
JS常用属性方法大全 1.输出语句:document.write(""); 2.JS中的注释为: 3.传统的HTML文档顺序是:document->html->(hea ...
ajax定时器怎么写,js定时器怎么写？就是在特定时间执行某段程序
js定时器怎么写?就是在特定时间执行某段程序复制代码代码如下: $(function(){ var handler = function(){ } var timer = setInterval( ...
js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数.这里面涉及到了三个函数方法:setInterval().setTimeout().clea ...
java web之javascript(js)解析
java web javascript(js): javascript(js): js嵌入在html中,在浏览器中运行的脚本语言 js跟java没有任何关系,只是语法相似是一 ...
JS 定时器的4种写法及介绍
JS提供了一些原生方法来实现延时去执行某一段代码,下面来简单介绍一下setTiemout.setInterval.setImmediate.requestAnimationFrame. 一.什么是定时 ...
javascript弹出窗口代码大全（转）
转帖,用来学习的 javascript弹出窗口代码大全如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 ...

【JavaScript】Js定时器综合应用大全

一、基础实例

二、轮播图定时器效果

【JavaScript】Js定时器综合应用大全相关推荐

最新文章

热门文章