You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何用JavaScript实现iframe按顺序切换Src并转换时间单位为分钟?

解决方案:按顺序切换iframe src + 分钟级时间参数

没问题,我帮你把代码改成按顺序循环切换iframe的src,同时把时间参数改成更易用的分钟单位,直接上修改后的代码:

// 定义要切换的页面列表
var pages = [
    "http://www.virtusa.com",
    "https://www.listertechnologies.com/",
    "https://intellectdesign.com/"
];
// 时间参数改成分钟(比如这里是10分钟,直接改数字就行)
var minutes = 10;
// 自动转成毫秒供setTimeout使用
var time = minutes * 60 * 1000;
// 新增计数器,跟踪当前显示的页面索引,初始从第一个页面开始
var currentIndex = 0;

function pageChange() {
    // 切换到当前索引对应的页面
    document.getElementById("frame").src = pages[currentIndex];
    // 递增索引,到达列表末尾后重置为0,实现循环切换
    currentIndex = (currentIndex + 1) % pages.length;
    // 递归调用自己,注意这里直接传函数引用,不要传字符串(避免作用域问题)
    setTimeout(pageChange, time);
}

// 初始化调用,启动自动切换
pageChange();

关键改动说明:

  • 顺序切换逻辑:新增currentIndex变量跟踪当前页面位置,每次切换后索引+1,用(currentIndex + 1) % pages.length实现循环(当索引到最后一个元素后,取模运算会让它回到0,从头开始)
  • 时间单位简化:把原来的毫秒参数改成minutes变量,通过minutes * 60 * 1000自动转换成毫秒,你不用再自己算“多少毫秒等于N分钟”,直接改数字就行
  • 修复setTimeout写法:原来的代码里传字符串"pageCha..."是不推荐的老旧写法,改成直接传函数引用pageChange,避免潜在的作用域和性能问题
  • 数组写法优化:把原来的数组初始化改成更简洁的字面量写法,可读性更好

如果需要调整切换间隔,直接修改minutes变量的值就可以啦~

内容的提问来源于stack exchange,提问作者user9740150

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.27 04:04:28