js抽奖

最新推荐文章于 2024-07-31 13:55:09 发布

allen_csdns

最新推荐文章于 2024-07-31 13:55:09 发布

阅读量430

点赞数

文章标签： js抽奖

本文链接：https://blog.csdn.net/allen_csdns/article/details/103194398

版权

源码Demo:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<style>
			.div1{
				margin: auto;
				width: 230px;
				height: 350px;
			}
			.div2{
				width: 100px;
				height: 50px;
				margin-left: 380px;
			}
			.div2>input{
				width: 100px;
				height: 50px;
			}
		</style>
	</head>
		<body>
	<div class="div1">
		<h1>随机抽奖</h1>
		<img src="images/big-1.jpg" />
	</div>	
	<div class="div2">
	<input class="btn1" type="button" value="开始" />
	<input class="btn2" type="button" value="停止" />
	</div>
	<script type="text/javascript">
		$(function() {

			$(".btn1").on("click", function() {
				interval = setInterval(function() {
					var num = Math.floor(Math.random() * 10) + 1;
					$("img").prop("src", "images/big-" + num + ".jpg");
				}, 100);
			});
			$(".btn2").on("click", function() {
				clearInterval(interval);
			});
		});
	</script>
</body>

公众号：
在这里插入图片描述
微信号：