uniapp sleep写法

好的，以下是一个在 uniapp 中实现 for 循环每 300 毫秒执行一次的示例程序：

在 uniapp 中创建一个新的页面或组件，命名为 "DelayedLoop"。

在 "DelayedLoop" 页面或组件中，添加一个文本框用于输入需要循环的次数，以及一个按钮用于触发循环操作。

在页面或组件的 Vue 实例中添加以下代码：

<template>

  <view>

    <input type="number" v-model="loopCount" placeholder="loop count">

    <button @click="delayedLoop">Start</button>

    <ul>

      <li v-for="(item, index) in items" :key="index">

        {{ item }}

      </li>

    </ul>

  </view>

</template>

<script>

export default {

  data() {

    return {

      loopCount: 0,

      items: [],

    };

  },

  methods: {

    async delayedLoop() {

      const loopCount = parseInt(this.loopCount);

      const items = [];

      for (let i = 0; i < loopCount; i++) {

        items.push(`Item ${i}`);

        if (i % 10 === 0) {

          await new Promise((resolve) => setTimeout(resolve, 300));

        }

      }

      this.items = items;

    },

  },

};

</script>

Start

{{ item }}

exportdefault{data() {return{loopCount:0,items: [],    };  },methods: {asyncdelayedLoop() {constloopCount =parseInt(this.loopCount);constitems = [];for(leti =0; i setTimeout(resolve,300));        }      }this.items= items;    },  },};

在代码中，首先定义了一个名为 "loopCount" 的变量，用于存储用户输入的循环次数。然后定义了一个名为 "items" 的变量，用于存储每次循环产生的数据。

在 "delayedLoop" 方法中，首先将用户输入的循环次数转换为整数类型。然后定义了一个空数组用于存储每次循环产生的数据。

在 for 循环中，每次循环将一个字符串添加到 "items" 数组中，并检查当前循环的索引是否是 10 的倍数。如果是 10 的倍数，就使用 setTimeout 函数在 300 毫秒后执行一个空函数。这样可以实现每 10 次循环暂停 300 毫秒的效果。

最后将所有产生的数据存储到 "items" 变量中，通过 v-for 指令遍历 "items" 变量，并在列表中显示每个产生的数据。

这样，就可以在 uniapp 中实现每 300 毫秒执行一次 for 循环的功能了。