JavaScript 抽奖效果实现代码 数字跳动版

  作者:bea

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>JavaScript实现的抽奖效果 数字跳动版 </title> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <style type


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>JavaScript实现的抽奖效果 数字跳动版 </title>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<style type="text/css">
.a1
{}{
position: relative;
font-family: Verdana;
font-size: 200px;
color: #888888;
}
</style>

<script language="JavaScript">
function Lottery() {
var Nos = Math.round(Math.random() * (4999 - 1) + 1);

var result = document.getElementById("layer1");
if (result != null) {
result.innerHTML = Nos;
}

T = setTimeout('Lottery()', 10);
}
//-->
</script>

</head>
<body>
<div>
<input type="button" value='Lottery Number Picker' onclick="Lottery();setTimeout('clearTimeout(T)',2000);" />
</div>
<div>
<span id="layer1" class="a1">Result</span>
</div>
</body>
</html>




[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]



有用  |  无用

猜你喜欢