jQuery的:查找单词和更改每隔几秒钟 [英] jQuery: Find word and change every few seconds

查看:116
本文介绍了jQuery的:查找单词和更改每隔几秒钟的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我怎样才能改变一个单词使用jQuery每2-3秒?

例如:

我有这样的:

 < D​​IV>
    &所述;跨度>这是如此&下; /跨度>
    <跨度>&真棒LT; / SPAN>
< / DIV>

...我想在真棒即可变成很酷,太棒了,令人难以置信,并使用淡出/淡入的效果可能保持与循环回路?

这可能吗?

很多

感谢
解决方案

 (函数(){    //这里列出你的话:
    VAR字= [
        真棒,
        '难以置信',
        '凉',
        太棒了
        ],I = 0;    的setInterval(函数(){
        $('#changerificwordspanid')。淡出(函数(){
            $(本)的.html(字[I =(I + 1)%words.length])淡入();
        });
       //2秒
    },2000);})();

给你的跨度一个ID,并更改 changerificwordspanid 来跨度的ID。

的jsfiddle例如,在这里

How can I change a word every 2-3 seconds using jQuery?

For example:

I have this:

<div>
    <span>This is so</span>
    <span>awesome</span>
</div>

... and I want the awesome to change into cool,fantastic,incredible and keep cycling with loop using fadeOut/fadeIn effect maybe?

Is it possible?

Thanks alot

解决方案

(function(){

    // List your words here:
    var words = [
        'awesome',
        'incredible',
        'cool',
        'fantastic'
        ], i = 0;

    setInterval(function(){
        $('#changerificwordspanid').fadeOut(function(){
            $(this).html(words[i=(i+1)%words.length]).fadeIn();
        });
       // 2 seconds
    }, 2000);

})();

Give your span an id, and change changerificwordspanid to the id of the span.

JSFiddle Example here

这篇关于jQuery的:查找单词和更改每隔几秒钟的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆