【求找茬】 html5+js大转盘为什么刷新一次随机一次 - javascript吧

level 4

hahahahazou 楼主

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
#clock {
position: relative;
width: 600px;
height: 600px;
margin: 20px auto 0 auto;
background: url(

);
list-style: none;
}

#sec, #
min, #hour {
position: absolute;
width: 30px;
height: 600px;
top: 0px;
left: 285px;
}
#sec {
background: url(

);
z-index: 3;
transform-origin:center center ;
}
</style>
<script>
window.onload = function()
{
var osec = document.getElementById('sec');
var obtn = document.getElementById('btn');
var speed = 0;
var Arr = [90,180,270,360];
var n = Math.floor(Math.random() * Arr.length + 1)-1;
obtn.onclick = function()
{
speed = 0;
pao = setInterval(toRun,10);
}
function toRun()
{
osec.style.transform = "rotate(" + speed + "deg)";
speed+=10;
if(speed>(720+Arr[n]))
{
clearInterval(pao);
}
}
}
</script>
</head>
<body>
<input id="btn" name="" value="重新转动" type="button" />
<ul id="clock">
<li id="sec"></li>
</ul>
</body>
</html>
----------------------------------
我想点一下就随机转到某个地方而不是刷新页面一下随机一下,,,求高手解答
先谢了各位!~

2013年06月26日 03点06分 1

level 4

hahahahazou 楼主

自己抢个沙发

2013年06月26日 04点06分 2

level 8

fengdayin

设定一个set方法很重要，提供API共享， set也是基本.
setClock(settings);
window在load的时候，自调用setClock(数值).
事件.->调用setClock(随机值).

2013年06月26日 06点06分 3

level 1

艾威培训

var n = Math.floor(Math.random() * Arr.length + 1)-1;
因为这句在每次刷新页面时就会随机一个值，之后就不会改变了。

2013年06月26日 08点06分 4