移动抽奖页面js写法

移动抽奖页面的JS实现方式有多种，以下是其中一种基于HTML5 Canvas的实现方式：

HTML部分：

<canvas id="lottery"></canvas>

JavaScript部分：

var lottery = document.getElementById('lottery');
var ctx = lottery.getContext('2d');

// 设置抽奖页面的宽度和高度
lottery.width = window.innerWidth;
lottery.height = window.innerHeight;

// 绘制转盘
function draw() {
  // 绘制转盘的代码
}

// 开始抽奖
function start() {
  // 抽奖逻辑的代码
}

// 点击抽奖按钮开始抽奖
document.getElementById('start-btn').addEventListener('click', start);

// 绘制转盘
draw();

在绘制转盘的函数中，可以使用`ctx`对象进行绘图，例如：

ctx.beginPath();
ctx.arc(100, 100, 50, 0, 2 * Math.PI);
ctx.fillStyle = 'red';
ctx.fill();

以上代码会在canvas上绘制一个红色的圆形。

在开始抽奖的函数中，可以根据具体的抽奖逻辑，实现转盘的旋转和停止，并最终确定中奖结果。例如：

function start() {
  var timer = setInterval(function() {
    // 转盘旋转的代码
  }, 50);

  // 在一定时间后停止旋转，并确定中奖结果
  setTimeout(function() {
    clearInterval(timer);
    // 确定中奖结果的代码
  }, 5000);
}

以上代码会在点击抽奖按钮后，每50毫秒旋转一次转盘，5秒后停止旋转，并确定中奖结果。