js实现网页抽奖实例

本文实例讲述了js实现网页抽奖的方法。分享给大家供大家参考。具体如下：

这段网页抽奖程序，基于javascript代码实现，简单的演示如何使用JS来实现抽奖功能，点击“开始抽奖”按钮，程序即开始抽奖了，需要停止的时候按“停止”，以前发过类似的抽奖程序有几个了，有兴趣的自己在本站网页特效栏目搜索“抽奖”看下。

运行效果如下图所示：

具体代码如下：

<!DOCTYPE html>

<html lang="zh">

<head>

<title>抽奖程序</title>

<script type="text/javascript">

var randNum=Math.random()*10;

function testTime(){

document.getElementById("testtime").innerHTML="<h2>"+Math.floor(Math.random()*10)+"</h2>";

}

function setTime(mark){

timer=null;

timer=setInterval(testTime,12);

if(mark=='stop'){

clearInterval(timer);

}

return timer;

}

function clearTime(timer){ }

</script>

<style type="text/css">

<!--

body {font-family: Arial;color:#fff;margin: 0px;padding: 0px;background:#000;text-align:center;}

#happyness{font-size:186px;line-height:186px;margin-top:100px;}

-->

</style>

</head>

<body>

</body>

<button onClick="timer=setInterval(testTime,12);" value="" style="width:100px;height:30px">开始抽奖</button>

<button onClick="clearInterval(timer);" value="Stop" style="width:100px;height:30px">停止</button>

<div id="testtime" style="font-size:25px"></div>

</html>

希望本文所述对大家的javascript程序设计有所帮助。