
[code]

    setInterval(function() {
        $('.test').fadeOut(500,function(){$(this).fadeIn(500)});
    },2000);
    
[/code]

クラス名にtestを指定したテキストを点滅させたいです。  
IEでは点滅し続けるのだが、chromeだと一回点滅した後、点滅しなくなります。  
2000ミリ秒を指定しているのですが、1000ミリ秒にするとchromeでも正常に動作します。  
2000ミリ秒を指定する場合はどうしたらよいのでしょうか？


CC BY-SA 4.0
2018-07-23T08:10:16.223
46867
2021-12-29T13:06:55.627
25778
question
html
setIntervalがchromeだと正常に動作しない


私の環境は以下ですが、2000ミリ秒指定でも動作しているようです。

[code]

    chromeバージョン: 67.0.3396.99（Official Build） （64 ビット）
    
[/code]

以下のコードは @html さんの chrome環境で動作するでしょうか?  
また、動作しない時に、コンソールにエラーメッセージは出ていないでしょうか?

[code]

    setInterval(function() {
        $('.test').fadeOut(500,function(){$(this).fadeIn(500)});
    },2000);
[/code]

[code]

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <p class="test">hoge</p>
[/code]


CC BY-SA 4.0
2018-07-23T09:08:17.660
46869
2018-07-23T11:54:05.853
2018-07-23T11:54:05.853
46867
answer