首页 JS特效 jQuery特效 jQuery点名抽奖游戏代码

jQuery点名抽奖游戏代码

jQuery点名抽奖游戏代码

jQuery点名抽奖游戏代码

jQuery点名抽奖游戏代码是一款随机文字抽奖代码,点击开始按钮同时抽出中奖人及奖品。

js代码
<script type="text/javascript">
//设置显示的所有抽奖名字
list = ['小名','小白','小黑','小红','小绿','小青','小猪',];
//最终抽奖结果会从下面的这个数组里选出
lis = ['小念','小狗狗'];

$('#start').click(function(){
$('#jiang').html('等待抽奖中');
immer = setInterval(function(){
num = Math.floor(Math.random() * list.length);        
$('#box').html(list[num]);
},30)
});
$('#stop').click(function(){
clearInterval(immer);
num1 = Math.floor(Math.random() * lis.length);
$('#box').html(lis[num1]);
//设置抽奖结果
li = ['跳芭蕾舞','跳脱衣舞','一等奖','跳钢管舞'];
(function(){
se =  setInterval(function(){
nu = Math.floor(Math.random() * li.length);
$('#jiang').html(li[nu]);
},30);
})();
});
</script>
<script type="text/javascript">
setInterval(function(){
var time = new Date();
var y = time.getFullYear();
// 月份取值 0-11  
var m = time.getMonth() + 1;
var d = time.getDate();
var h = time.getHours();
var i = time.getMinutes();
var s = time.getSeconds();
$('#ji').html(y + '/' + m + '/' + d + ' ' + h + ':' + i + ':' + s);
if(s > 0){
clearInterval(se); 
}
},1000);
</script>
免责声明

本站所有资源均由网友贡献或各大下载网站转载。请自行检查软件的完整性!本站所有资源仅供学习参考。请不要将它们用于商业目的。否则,一切后果由您负责!如有侵权,请联系我们删除。联系方式:admin@php.cn

相关文章

MemeFi:一款流行的点击赚钱游戏,以其每日代码和奖励继续吸引玩家 MemeFi:一款流行的点击赚钱游戏,以其每日代码和奖励继续吸引玩家

20 Oct 2024

MemeFi 是一款流行的点击赚钱游戏,通过其每日代码和奖励继续吸引玩家。 2024 年 10 月 20 日,用户可以通过参与游戏的独特机制来赚取虚拟币。

jQuery实现表单里文字按钮特效合集 jQuery实现表单里文字按钮特效合集

25 Apr 2018

这次给大家带来jQuery实现表单里文字按钮特效合集,jQuery实现表单里文字按钮特效的注意事项有哪些,下面就是实战案例,一起来看一下。

jQuery 如何高效地选择具有特定 CSS 属性的元素? jQuery 如何高效地选择具有特定 CSS 属性的元素?

30 Nov 2024

在 jQuery 中选择具有特定 CSS 属性的元素问题:我们如何有效地选择拥有特定 CSS 属性的所有元素...

如何在 jQuery 中捕获鼠标滚轮事件? 如何在 jQuery 中捕获鼠标滚轮事件?

26 Oct 2024

在 jQuery 中捕获鼠标滚轮事件 jQuery 提供了一种有效的方法来捕获特定的鼠标滚轮事件,与滚动事件不同。这...

如何使用 jQuery 和 JavaScript 高效解析和显示 JSON 数据? 如何使用 jQuery 和 JavaScript 高效解析和显示 JSON 数据?

06 Dec 2024

使用 jQuery 和 JavaScript 解析 JSON 数据这个简短的教程解决了有效操作 JSON 数据的挑战,特别是...

jQuery与Zepto是什么区别 jQuery与Zepto是什么区别

20 Nov 2020

jQuery与Zepto区别:1、添加id时jQuery不会生效而Zepto会生效;2、zepto中没有为原型定义extend方法而jquery有;3、zepto由盒模型决定,而jquery会忽略盒模型。

css3动画和jquery动画有什么区别 css3动画和jquery动画有什么区别

28 Apr 2022

css3动画和jquery动画的区别:1、css3可以设置3d动画,jquery不能实现3d动画;2、css的2d矩阵动画效率较高,其他属性动画效率低,jquery利用margin和left、top模拟的矩阵动画效率低,其他属性动画效率高。

jQuery框架概述 jQuery框架概述

26 Aug 2020

1. jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少,做的多"的JavaScript库。jQuery库包含以下功能:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilities2.jQury优势    轻量级、强大...

如何用jQuery实现文字闪烁动画? 如何用jQuery实现文字闪烁动画?

30 Oct 2024

使用 jQuery 实现文本闪烁动画在此查询中,我们寻求一种简单而有效的方法来使用 jQuery 创建闪烁文本效果......

See all articles See all articles

Hot Tools

jQuery2019情人节表白放烟花动画特效

jQuery2019情人节表白放烟花动画特效

一款抖音上很火的jQuery情人节表白放烟花动画特效,适合程序员、技术宅用来向心爱的姑娘表白,无论你选择愿意还是不愿意,到最后都得同意。

layui响应式动画登录界面模板

layui响应式动画登录界面模板

layui响应式动画登录界面模板

520情人节表白网页动画特效

520情人节表白网页动画特效

jQuery情人节表白动画、520表白背景动画

炫酷的系统登录页

炫酷的系统登录页

炫酷的系统登录页

HTML5磁带音乐播放器-CASSETTE PLAYER

HTML5磁带音乐播放器-CASSETTE PLAYER

HTML5磁带音乐播放器-CASSETTE PLAYER