Js中类似抽奖活动案例

今天来讲一讲数组的使用以及一个类似抽奖活动的一段代码：
先来讲讲数组：是自定义变量的。
有两种定义方式：var a1=new Array（“张三”，4，5，7，“js”）
var a2=arr[“张三”，2，6，8，“笨猪aaa”]；
来讲一讲一个类似抽奖活动效果的代码：有两个按钮button，一个开始按钮，一个结束按钮，还有一个存放奖品的盒子，当点击开始按钮时，盒子里面的奖品开始变换，以每隔0.05s变换一次，结束时点击结束按钮，就可获得自己所抽取的奖品了，话不多说，现在开始抽奖吧！

var meal=arr[“盖浇饭”，“炒菜”，“兰州拉面”，“炒面”，“炒粉”，“扬州炒饭”，“鱼香肉丝”，“麻婆豆腐”，“宫保鸡丁”];
var box=document.getElementById（“box”）；//获取盒子的id,定义其为box变量
var startbtn=document.getElementById（“start”）；//获得开始按钮id
var stopbtn=document.getElementById（“stop”）;//获得结束按钮id
var index=0；
var time=setInterval（function（）｛//setInterval表示每隔50s计数一次startbtn.onclick=function（）｛for（var i=0；i<meal.length；i++）{box.innerHTML=meal[i]     ；}index++;if（index>meal.length-1）{index=0;
}
｝
｝,50）
stopbtn.onclick=function（）｛clearInterval（time）;//清除名叫time的计数器
｝,50）

Js中类似抽奖活动案例相关推荐

js中类似${xx,xxxy}的语句——${}占位符的使用 ``模板字符串的使用
js中类似$ {xx,xxxy}的语句--${}占位符的使用 & ``模板字符串的使用 `` 是模板字符串,ES2015新增的符号. var x = 'a', y = 'b'; var z = ...
js中类似`${xx,xxxy}`的语句
其实是这样的 ${}里边依旧是js, 外边也是js 什么场景使用最好呢, 还记得字符串拼接吗没错,++++ 例如: var a = 1; console.log('一共有'+a+'个鸡蛋!') 那么 ...
使用java写js中类似setTimeout的代码
javascript目前已经是一门相当主流的编程语言了,它的异步IO特定项目其他编程语言来说,大大减少了cpu在线程切换方面的速度.实现了单线程高并发的奇迹.而java作为老牌编程语言,在很多的项目中 ...
拾取模型的原理及其在THREE.JS中的代码实现
1. Three.js中的拾取 1.1. 从模型转到屏幕上的过程说开由于图形显示的基本单位是三角形,那就先从一个三角形从世界坐标转到屏幕坐标说起,例如三角形abc 乘以模型视图矩阵就进入了视点坐标 ...
浅析Js中${}字符串拼接
字符串拼接 Es6中的${}新语法这是es6中新增的字符串方法配合反单引号完成拼接字符串的功能反单引号怎么打出来? 将输入法调整为英文输入法,单击键盘上数字键1左边的按键. 用法: step1: ...
java 0xf0_java 中类似js encodeURIComponent 函数的实现案例
我就废话不多说了,大家还是直接看代码吧~ import java.io.UnsupportedEncodingException; import java.net.URLDecoder; import ...
php中如何写js代码提示_PHP 如何编写类似js中alert() 提示框
这篇文章主要介绍了PHP 实现类似js中alert() 提示框功能,非常的实用,这里推荐给大家,有需要的小伙伴来参考下,希望大家能喜欢. 主要应用于添加判断提示,跳转,返回,刷新. 代码如下:/** ...
js 操作vuex数据_Vue.js中使用Vuex实现组件数据共享案例
当组件中没有关联关系时,需要实现数据的传递共享,可以使用Vuex 先不管图片一.安装在vue cli3中创建项目时勾选这个组件就可以了或者手动安装 npm install store --sav ...
论 js中：（class、id）出乎意料的优先级？- 案例篇
文章目录论 js中:(class.id)出乎意料的优先级?- 案例篇看图说明 · 案例场景: 重要代码 · 解析 · `提示`: `class / id` 在`js`中抓取的`优先级`:`[代码点 ...

Js中类似抽奖活动案例

Js中类似抽奖活动案例相关推荐

最新文章

热门文章