JavaScript实现的抽奖效果【数字跳动版】

最新推荐文章于 2023-07-05 11:26:43 发布

转载最新推荐文章于 2023-07-05 11:26:43 发布 · 203 阅读

·

0

·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/MikeYao/archive/2009/11/04/1596128.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的HTML页面，该页面使用JavaScript实现了一个随机抽奖号码生成器。通过点击按钮，可以在1到4999之间生成一个随机数，并显示在页面上。作者还分享了在不同浏览器中调试此程序的经验。

直接上代码吧，效果可以复制了去看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title></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()', 30);

}

//-->

</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>

补充：

后来我在调试程序的过程中发现，以上程序在Firefox中运行良好，但是在IE7经常会出现数字停不下来的情况，把Lottery()的递归时间从10毫秒改到30毫秒以后问题解决。

转载于:https://www.cnblogs.com/MikeYao/archive/2009/11/04/1596128.html

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。