知识学堂 > 课程 >
JS抽奖 JS延时刷新 JS循环访问
JS抽奖 JS延时刷新 JS循环访问
发布日期：2018/12/17
来源：聚恒【返回】
JS抽奖、JS延时刷新、JS循环访问的区别和联系区分
JS滚动抽奖代码：
<!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=utf-8" />
<title>聚恒_js抽奖代码解说</title>
<script type="text/javascript">
var namelist = ["1", "2", "3", "4", "5", "6", "7"];
var mytime = null;
function doit() {
var bt = window.document.getElementById("bt");
if (mytime == null) {
bt.innerHTML = "停止";
show();
} else {
bt.innerHTML = "开始";
clearTimeout(mytime);
mytime = null;
alert(box.innerHTML);
}
}
function show() {
var box = window.document.getElementById("box");
var num = Math.floor((Math.random() * 100000)) % namelist.length;
box.innerHTML = namelist[num];
mytime = setTimeout("show()", 1);
}
</script>
</head>
<body id="bodybj">
<div id="box">准备好了吗？</div>
<div id="bt" onclick="doit()">开始</div>
</body>
</html>
JS两秒后刷新代码：
<script language="javascript">
function myrefresh()
{
window.location.href="login.aspx";
}
setTimeout(myrefresh,2000); //指定2秒刷新一次
</script>
JS每2秒请求一次：
<script type="text/javascript">
window.onload = myrefresh;
function myrefresh() {
$.ajax({
type: "POST",
url: "AjaxChouJiangShow.aspx",
data: "Id=1",
success: function (msg) {
$("#scrollBox2").html(msg);
}
});
}
setInterval("myrefresh()", 2000);
</script>
注意函数区别：
setInterval(表达式，时间)：页面载入后，每经过指定毫秒值后执行指定表达式，是间隔多次执行的
setTimeout(表达式，时间)：页面载入后，经过指定毫秒值后执行指定表达式，只执行一次
clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout.