settimeout写法

`setTimeout` 是 JavaScript 中的一个定时器函数，可以在一定时间后执行指定的代码。它接受两个参数：要执行的函数和延迟的时间（以毫秒为单位）。下面是 `setTimeout` 的基本写法：

setTimeout(function () {
  // 要执行的代码
}, 延迟的时间);

其中，第一个参数是要执行的函数，可以是匿名函数，也可以是已命名的函数。第二个参数是延迟的时间，以毫秒为单位。

例如，下面的代码将在 1 秒后弹出一个警告框：

setTimeout(function () {
  alert('1 秒后弹出！');
}, 1000);

在上述代码中，`setTimeout` 函数的第一个参数是一个匿名函数，它包含一个 `alert` 函数，当定时器到期时，将弹出一个警告框。`setTimeout` 函数的第二个参数是 1000，表示定时器将在 1 秒后到期。

需要注意的是，`setTimeout` 函数返回一个定时器 ID，可以使用 `clearTimeout` 函数取消定时器。例如：

var timer = setTimeout(function () {
  alert('1 秒后弹出！');
}, 1000);

// 取消定时器
clearTimeout(timer);

在上述代码中，`setTimeout` 函数返回的定时器 ID 被存储在变量 `timer` 中，可以使用 `clearTimeout` 函数取消定时器。

相关问题

移动抽奖页面js写法

移动抽奖页面的 JS 写法可以分为以下几个步骤：

1. 获取页面元素：通过 DOM 操作获取抽奖页面的元素，如转盘、开始按钮、剩余次数等。

2. 定义抽奖规则：根据需求定义抽奖规则，如中奖概率、奖品种类等。

3. 编写转盘动画：通过 CSS3 的 transform 属性和 JS 的定时器实现转盘的旋转动画，让用户感受到抽奖的真实性。

4. 处理抽奖逻辑：在点击开始按钮时，判断用户是否还有抽奖次数，并根据抽奖规则随机生成中奖结果，展示在转盘上。

5. 更新页面显示：根据用户中奖情况更新页面显示，包括剩余抽奖次数、中奖提示等。

下面是一个简单的移动抽奖页面的 JS 实现代码示例：

// 获取页面元素
var turntable = document.querySelector('.turntable');
var startBtn = document.querySelector('.start-btn');
var remainNum = document.querySelector('.remain-num');

// 定义抽奖规则
var prizeList = ['一等奖', '二等奖', '三等奖', '谢谢参与'];
var prizeProb = [0.01, 0.1, 0.2, 0.69];

// 定义转盘动画
var angle = 0;
function rotate() {
  angle += 5;
  turntable.style.transform = 'rotate(' + angle + 'deg)';
  requestAnimationFrame(rotate);
}

// 处理抽奖逻辑
var remainTimes = 3;
var isRunning = false;
startBtn.addEventListener('click', function() {
  if (isRunning) return;
  if (remainTimes <= 0) {
    alert('您的抽奖次数已用完');
    return;
  }
  isRunning = true;
  remainTimes--;
  remainNum.innerHTML = remainTimes;
  var randomNum = Math.random();
  var sumProb = 0;
  for (var i = 0; i < prizeProb.length; i++) {
    sumProb += prizeProb[i];
    if (randomNum <= sumProb) {
      var resultIndex = i;
      break;
    }
  }
  var rotateDeg = resultIndex * 90 + 45;
  turntable.style.transform = 'rotate(' + rotateDeg + 'deg)';
  setTimeout(function() {
    alert('恭喜您获得' + prizeList[resultIndex]);
    isRunning = false;
  }, 5000);
});

// 启动转盘动画
rotate();

以上代码仅供参考，实际实现中需要根据具体业务需求进行调整。

js中的匿名函数各种写法

在JavaScript中，匿名函数可以通过多种方式来定义和使用。以下是几种常见的匿名函数写法：

1. 函数表达式（Function Expression）：

   var anonymousFunc = function() {
     // 函数体
   };

这种写法通过将一个匿名函数赋值给变量来创建函数表达式。

2. 立即执行函数表达式（Immediately Invoked Function Expression，IIFE）：

   (function() {
     // 函数体
   })();

这种写法定义一个匿名函数并立即执行它。可以将函数体放在圆括号内，也可以使用其他形式的包裹符号，如`!`、`~`等。

3. 箭头函数（Arrow Function）：

   var anonymousFunc = () => {
     // 函数体
   };

这种写法是ES6引入的新特性，使用箭头函数语法定义匿名函数。

4. 函数作为参数：
在某些情况下，可以将匿名函数作为其他函数的参数传递，例如：

   setTimeout(function() {
     // 函数体
   }, 1000);

这里将一个匿名函数作为`setTimeout`函数的参数传递。

这些只是匿名函数的一些常见写法，根据具体需求和语境，还可以有其他更多的写法。