腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用setInterval

问如何使用setInterval
EN

Stack Overflow用户

提问于 2013-05-14 00:46:00

回答 1查看 983关注 0票数 3

在我的网站上，我想要两个背景图片，随着setInterval的变化，但我不知道如何让它工作/

Css：

body {
        padding-top: 20px;
        padding-bottom: 40px;
        background-image: url(/Assets/img/image1.jpg), url(/Assets/img/image2.jpg);
        background-repeat: repeat-x, repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

.js：

$(document).ready(function () {

    (function () {
        var curImgId = 0;
        var numberOfImages = 2; // Change this to the number of background images
        window.setInterval(function () {
            $('body').css('background-image', 'url(/background' + curImgId + '.jpg)');
            curImgId = (curImgId + 1) % numberOfImages;
        }, 15 * 1000);
    })();
});

我需要一些帮助才能使用setInterval在image1.jpg和image2.jpg之间切换

编辑

我要把我的js改成：

  $(document).ready(function () {
        setInterval(function () {
            $('body').toggleClass("/Assets/Style/background/Images1.css", "/Assets/Style/background/Images2.css");
        }, 15000);
    });

添加了两个css类：

图1.css：

body {

    background-image: url(/Assets/img/image1.jpg);
}

图2.css：

body {

    background-image: url(/Assets/img/image2.jpg);
}

但我的背景并没有改变

javascript

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-05-14 00:52:07

为了简化操作，我将有两个CSS类，其中包含您想要的图像。将第一类设置为默认值，然后执行如下操作：

$(document).ready(function () {
    setInterval(function() {
          $('body').toggleClass('class2');
    }, 15000); 
});

Working Demo

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16538709

复制

使用setTimeout模拟setInterval

腾讯云测试服务

相信setInterval这个东西大火都比较熟了，这里不做关于它的介绍，而是关于本文是如何实现这一功能。

kifuan

2022/10/24

1.8K0

setInterval

setinterval 函数

坍圮的殿堂总还是庙，冷落的圣像依然是神。在前端开发中我们或许想定时做一些操作可以使用一个setInterval函数去做 // 定时控制台打印ruben setInterval(function () { console.log("ruben"); }, 1000); // 定时控制台打印achao，注意这里是使用字符串形式写法 setInterval('console.log("achao");', 1000); 可以打开控制台看到效果

阿超

2022/08/16

1.1K0

setInterval与clearInterval使用示例

javascript jquery

setInterval是一个很有用的js函数，可以用来重复执行某些功能，利用这个我们可以实现一些很有趣的功能，比如: 不刷新页面的情况下，"实时"获取其它会员给你发来的问候，并弹出显示之类下面给一个示例代码:(里面用了一些jquery的方法) Code <html> <head> <title>jquery 操作 Select</title> <script type="text/javascript" src="jquery-1.2.6.pack.js"></script> <script type

菩提树下的杨过

2018/01/23

1.6K0

JavaScript如何用setTimeout模拟setInterval

递归

思路就是递归调用 function myInterval(fun,time){ function inside(){ fun(); setTimeout(inside,time); } setTimeout(inside,time); } myInterval(fn,1000); function fn(){ console.log('嘿嘿'); }

henu_Newxc03

2022/05/05

9340

vue中使用定时器setInterval

https 网络安全

全栈程序员站长

2022/11/17

4000

深度解密setTimeout和setInterval——为setInterval正名！

编程算法

重复定时器，JS有一个方法叫做setInterval专门为此而生，但是大家diss他的理由很多，比如跳帧，比如容易内存泄漏，是个没人爱的孩子。而且setTimeout完全可以通过自身迭代实现重复定时的效果，因此setIntervval更加无人问津，而且对他退避三舍，感觉用setInterval就很low。But！setInverval真的不如setTimeout吗？请大家跟着笔者一起来一步步探索吧！

小美娜娜

2019/04/04

3.9K0

深度解密setTimeout和setInterval——为setInterval正名！

setInterval停止

javascript

实现代码如下： var refreshIntervalId = setInterval(fname, 10000); /* later */ clearInterval(refreshIntervalId); var intervalID = setInterval(func, [delay, arg1, arg2, ...]); var intervalID = setInterval(function[, delay]); var intervalID = setInterval(code, [d

IT工作者

2021/12/29

2.8K0

settime和setinterval_setinterval是异步还是同步

https 网络安全编程算法

setTimeout和setInterval的语法相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。

全栈程序员站长

2022/11/09

7890

Vue中使用定时器（setInterval、setTimeout）[通俗易懂]

setinterval settimeout 定时器语法

js中定时器有两种，一个是循环执行 setInterval，另一个是定时执行 setTimeout。

全栈程序员站长

2022/11/10

7.4K0

通过 React Hooks 声明式地使用 setInterval

react api 编程算法

本文就来探索一下，如何让 setInterval 和 Hooks 和谐地玩耍，为什么是这种方式，以及这种方式给你带来了什么新能力。

小芭乐

2019/02/20

7.6K3

setTimeout和setInterval

其他

setTimeout(methodName, interval); //间隔时间单位为毫秒，表示interval毫秒后执行方法methodName

tandaxia

2018/09/27

2K0

setTimeout和setInterval

setinterval settimeout 程序函数语法

新建 html 文件 21-setTimeout.html ，编写下方程序，运行看看效果吧

鹤川

2023/03/21

1K0

setInterval的用法

编程算法 javascript

无论使用setInterval()还是setTimeout()，函数的执行环境会被设置成window，也就是说在函数内使用this其实是指window对象（或global全局对象，ES没有指明如何访问global对象，它通常作为window对象的一部分）。MDN原文建议用自己写的setInterval代替原生的setInterval，众所周知JavaScript函数的prototype包括call和apply方法，这两种方法的第一个参数可以接受this的值，因此收集this值后再调用JavaScript原生setInterval调用call或apply就可以了。以下是官方给出的代码：

gojam

2019/05/14

1.4K0

setInterval 和 setTimeout 用法

html javascript

setInterval 定时器,开始执行后,每间隔指定时间执行一次,除非清除定时器用法: setInterval(function(){ 方法… },1000);// 间隔时间 setTimeout 是在指定的时间后,执行该事件用法: setTimeout(function(){ 方法…. },1000); clearInterval(); // 清除定时器 <html> <head> <title>js</title> </head> <body> <script> test();

IT架构圈

2018/06/01

1K0

js停止setInterval 调用

javascript

setInterval（）返回一个interval ID，您可以将其传递给clearInterval（）：

IT工作者

2022/01/18

13.8K0

【Hooks】：setInterval 与 React Hooks

react

Our “impedance mismatch” is between the React programming model and the imperative setInterval API.

WEBJ2EE

2021/02/26

1.1K0

为什么要用 setTimeout 模拟 setInterval ？

javascript

在[JS 事件循环之宏任务和微任务](../Performance/JS事件循环之宏任务和微任务.html)中讲到过，setInterval 是一个宏任务。

九旬

2021/01/06

1.2K0

setTimeout()和setInterval()在用法上有什么区别_setinterval返回值

编程算法 html https 网络安全

　这两个方法都可以用来在固定的时间段后去执行一段javascirpt代码，不过两者各有各的应用场景。

全栈程序员站长

2022/11/10

5480

使用setInterval设置多少秒重新发送验证码

验证码 code function setinterval 语法

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭才不调用

SmileNicky

2021/05/27

4440

setTimeout实现setInterval和clearInterval[通俗易懂]

互联网全栈

全栈程序员站长

2022/11/09

4930

相似问题

如何使用多个setInterval()？

230

如何使用setinterval访问“this”

如何使用setInterval和clearInterval？

544

如何使用setInterval执行函数？

如何使用CoffeeScript进行setInterval？

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问如何使用setInterval
EN

回答 1

Stack Overflow用户

如何使用多个setInterval()？

如何使用setinterval访问“this”

如何使用setInterval和clearInterval？

如何使用setInterval执行函数？

如何使用CoffeeScript进行setInterval？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用setIntervalEN

回答 1

Stack Overflow用户

如何使用多个setInterval()？

如何使用setinterval访问“this”

如何使用setInterval和clearInterval？

如何使用setInterval执行函数？

如何使用CoffeeScript进行setInterval？

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用setInterval
EN