js实现网页抽奖实例

2019-11-20 11:54:38

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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程序设计有所帮助。

上一篇：jquery实现选中单选按钮下拉伸缩效果

下一篇：javascript实现多栏闭合展开式广告位菜单效果实例