码迷,mamicode.com
首页 > 其他好文 > 详细

11.29

时间:2016-12-03 16:01:05      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:轮播

    在流程图中菱形代表判断,圆角矩形代表开始和结束,平行四边形代表内容。

    清除定时器:

function clearT()

{

clearInterval(clearTime)

}

开启定时器:

function openT()

{

clearTime = setInterval(change,2000)

}

setInterval(控制的函数,时间一般用毫秒表示)

轮播:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<link rel="stylesheet" type="text/css" href="./lunbo.css">

</head>

<body>

<div id="main">

<div id="left" onclick="houtui()"></div>

<div id="center"></div>

<div id="right" onclick="change()"></div>

</div>

<script>

var imgDiv = document.getElementById(‘center‘);

var imgBg= imgDiv.style

var number = 1

function change()

{

if(number > 3)

{

number = 1;

}

imgBg.background = ‘url(./images/‘+ number +‘.jpg)‘;

number++;

}

function houtui()

{

if(number<1)

{

number = 3

}

imgBg.background = ‘url(./images/‘+ number +‘.jpg)‘;

number--

}

var clearTime = setInterval(change,2000)

 清除定时器函数

function clearT()

{

clearInterval(clearTime)

}

 开启函数定时器

function openT()

{

clearTime = setInterval(change,2000)

}

</script>

</body>

</html>


11.29

标签:轮播

原文地址:http://12254258.blog.51cto.com/12244258/1879130

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!