干货---图片轮播(loop)多个设备展示图片一致，而非重新开始，根据当前时间计算展示图片

2022-09-05 11:04:12 561 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

涨姿势|小众建模软件Make human,MakeClothes插件使用详解教程（2）衣服可以从头开始建模，或者通过改变人体网格或由MakeClothes工具提供的“服装助手”（见下文）来建模。在设计和建模一件衣物时，应该记住两个限制。首先，将服装网格映射到人体网格的算法要求服装网格完全由四面体组成。其次，知道MakeClothes每件衣服只支持一种材料是很重要的。完成MakeClothes工作流程后，您的HOME / makehuman / v1 / data / clothes中的工具将创建一个新文件夹。该文件夹将采用用户为服装项目提供的唯一名称。该文件夹将填充必要的资源，以使该项目在阅读详情

解释说明：

简单说就是，根据当天的时间来动态切换图片src，不论设备多少，开机运行顺序。进去看到的保证都是在某个相同时间端内的图片是相同的，而非不同设备进去都是从0秒到duration秒采取切换图片！！！

代码实例：

<!-- 根据时间来展示切换图片src -->
 
    // 根据当前时间保证所有设备展示图片一致
    // 插件支持 dayjs
    // window.dayjs  cdn的话可以直接这样写，import、require的话需要挂载到window上
     function ComputedImgIndexOrLength(duration, length) {
      /**
       * duration 图片轮询间隔
       * length   图片长度
       */
      var defaultCount = typeof (duration * length) !== 'number' ? 0 : duration * length
      // 如果计算值非数字直接暂停，返回默认第一张
      if (!defaultCount) {
        console.error('===%s 当前值为 %s===', !duration ? '切换时间' : !length ? '图片长度' : '', !duration ? duration + '' : !length ? 'length' + '' : '')
        return 0
      }
      const currentTime = window.dayjs().hour() * 60 * 60 + window.dayjs().minute() * 60 + window.dayjs().second()
      console.log('===currentTime===', currentTime + 's')
      const reset = currentTime % (duration * length)
      //  循环一轮的总时长， duration * length
      console.log('===返回值为：%s===',  '索引值：' +  Math.floor(reset / duration))
      return Math.floor(reset / duration)
    }