抽奖案例


开始抽奖


            var goods = ["法拉利", "宝马", "隔壁老王", "娃娃", "再来一次", "iPhoneX", "别墅", "海景房"];

            var _content = document.getElementById("content");

            var _start = document.getElementById("start");

            var flag = true;

            var timer;

            function start() {

                if (flag) {

                    flag = false;

                    _start.innerHTML = "停止抽奖";

                    _content.className = "selected";

                    timer = setInterval(function () {

                        var index = Math.floor(Math.random()*goods.length);

                        _content.textContent = goods[index];

                    },10);

                } else {

                    flag = true;

                    _start.innerHTML = "开始抽奖";

                    _content.className = "content";

                    clearInterval(timer);

                }

            }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,062评论 0 2
  • /** * 在js中,获取DOM节点方式有如下五种 */ //第一种方式,直接使用id获取,不建议,知道就行。 /...
    Boom_苏阅读 224评论 0 0
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,945评论 2 17
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,120评论 1 10
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,399评论 0 3