如何避免含Promise的JavaScript轮播函数出现递归调用？

我有一个实现无限轮播的JavaScript函数，代码能正常运行，但每次迭代都会递归调用自身，通过开发者工具能看到调用栈一直在增长。

我尝试移除show_slides的递归调用，把函数体包裹在while (true)循环里，结果浏览器直接卡死，CPU占用飙升，轮播内容完全不显示。我推测是遗漏了等待Promise状态resolved的逻辑，试过在内部和外部的Promise链后追加.then(() => {})，但没解决问题。

假设调用栈是无限增长而非被优化为尾递归循环，请问该如何将函数体改为循环实现？

更新：Chrome开发者工具几次迭代后的调用栈截图：

附相关代码示例：

// 请在此处粘贴你的轮播函数代码

内容的提问来源于stack exchange，提问作者Chap