版权声明:本文为博主原创文章未经博主允许不得转载。 /m0_/article/details/
版权声明:本文为博主原创文章未经博主允许不得转载。 /m0_/article/details/
用Script实现一个简单的抽奖有【开始】按钮和【停止】按钮。
- 点开始按钮开始抽奖随机出现奖品名称;
- 点停止按钮即可停止抽奖;
- 按下回车键可切换开始抽奖和停止抽奖。
创建html css js结构最基础的要含有显示的奖品名称和开始、停止按钮。
首先定义data数组,写入各奖品名称并初始化timer定时器,和键盘事件状态flag(┅开始状态为0按下键盘变成1,再按键盘变成0如此切换).
//每次都先清除上一次的定时器任务,避免抽奖效果累加频率会越来越快 //定时器50毫秒触发一次 //获取奖品下标随机数 //显示随机的奖品名称 //改变将开始按钮背景色
//清除定时器即可结束抽奖 //改变将停止按钮背景色
按回车键切换抽奖状态事件;
//如果状态flag值为0则开始抽奖并把状态值改为1,否则停止抽奖并把状态值改为0
//每次都先清除上一次的定时器任务避免抽奖效果累加频率会越来越快
写ABROAD项目用到了标签这个东东其實标签在WEB上到处可见,图中就依次显示了DCC文章发布器、ABROAD后台添加数据、百度图片搜索、sf发布博客文章时贴标签的样式——标签就像浏览器裏原生的checkbox一样不过checkbox实在太丑了,就使用这个简单方法美化一下好了
2、CSS代码(颜色、字体大小、间距自行调整):
3、JS代码(代码也是根據自己的需求提取数据;原谅我放荡不羁使用了jquery库~):
alert('请至少选择一个专业标签');