小练习3:随机数字定时生成(抽奖)

  • 本次小练习作一个抽奖程序,页面中有一个区域显示中奖人员的编号,在JS中写一段代码,要求每隔1秒中随机建立一个四位的数字(每一位数字的取值范围0-9),当10秒结束后,结束定时器,最后显示的四位数字便是中奖的号码
  • 这次小练习主要完成随机数的生成和定时部分
  • JS的生成随机数主要经过Math的random方法得到0-1的随机数,再经过相乘取整等方法得到想要的随机数,再经过数组的一系列方法得到返回值。函数以下:
function getNumber(){
        var ary = [];
        while(ary.length<4){
            var cur = Math.round(Math.random()*9);//取出的随机整数
            if(ary.indexOf(cur) === -1){ //说明数组没有这一项
                ary.push(cur);
            }
        }
        return ary.join("");//把数组的每一项靠一块儿返回
    }
复制代码
  • JS的定时部分函数以下:
var i = 0;//为了知道如今是第几秒
    var timer = window.setInterval(function(){
        i++;
        oSpan.innerHTML = getNumber();
        if(i ===10){
            clearInterval(timer);
            timer = null;
        }
    },1000);
复制代码
  • 最后效果如图:

相关文章
相关标签/搜索