Skip to main content
formatação: somente código deveria ser formatado como amostra de código
Fonte Link
vinicius
  • 21,7mil
  • 18
  • 85
  • 152

Você pode fazer isso com JqueryjQuery de forma simples, da seguinte forma:

$(document).ready(function() {
    var colors = ["#f9f9f9", "#049fce"];//Array com as cores, pode adicionar contas quiser
    var i = 0;
    setInterval(function(){
      $('.divclass').css('background', colors[i]);
      i = (i == (colors.length -1)) ? 0 : i+1;
    },40000);//40 Segundos em Milisegundos
});

Ou com JavascriptJavaScript puro:

var colors = ["#049fce", "#f9f9f9"];//Array com as cores, pode adicionar contas quiser
var i = 0;
setInterval(function(){
  document.getElementById('divid').style.background = colors[i];//A div deve ter um id, não funciona com class
  i = (i == (colors.length -1)) ? 0 : i+1;
},40000);//40 Segundos em Milisegundos

Você pode fazer isso com Jquery de forma simples, da seguinte forma:

$(document).ready(function() {
    var colors = ["#f9f9f9", "#049fce"];//Array com as cores, pode adicionar contas quiser
    var i = 0;
    setInterval(function(){
      $('.divclass').css('background', colors[i]);
      i = (i == (colors.length -1)) ? 0 : i+1;
    },40000);//40 Segundos em Milisegundos
});

Ou com Javascript puro:

var colors = ["#049fce", "#f9f9f9"];//Array com as cores, pode adicionar contas quiser
var i = 0;
setInterval(function(){
  document.getElementById('divid').style.background = colors[i];//A div deve ter um id, não funciona com class
  i = (i == (colors.length -1)) ? 0 : i+1;
},40000);//40 Segundos em Milisegundos

Você pode fazer isso com jQuery de forma simples, da seguinte forma:

$(document).ready(function() {
    var colors = ["#f9f9f9", "#049fce"];//Array com as cores, pode adicionar contas quiser
    var i = 0;
    setInterval(function(){
      $('.divclass').css('background', colors[i]);
      i = (i == (colors.length -1)) ? 0 : i+1;
    },40000);//40 Segundos em Milisegundos
});

Ou com JavaScript puro:

var colors = ["#049fce", "#f9f9f9"];//Array com as cores, pode adicionar contas quiser
var i = 0;
setInterval(function(){
  document.getElementById('divid').style.background = colors[i];//A div deve ter um id, não funciona com class
  i = (i == (colors.length -1)) ? 0 : i+1;
},40000);//40 Segundos em Milisegundos
Adição de código e revisão no texto
Fonte Link

Você pode fazer isso com JqueryJquery de forma simples, da seguinte forma:

$(document).ready(function() {
    var colors = ["#f9f9f9", "#049fce"];//Array com as cores, pode adicionar contas quiser
    var i = 0;
    setInterval(function(){
      $('.divclass').css('background', colors[i]);
      i = (i == (colors.length -1)) ? 0 : i+1;
    },40000);//40 Segundos em Milisegundos
});

Ou com Javascript puro:

var colors = ["#049fce", "#f9f9f9"];//Array com as cores, pode adicionar contas quiser
var i = 0;
setInterval(function(){
  document.getElementById('divid').style.background = colors[i];//A div deve ter um id, não funciona com class
  i = (i == (colors.length -1)) ? 0 : i+1;
},40000);//40 Segundos em Milisegundos

Você pode fazer isso com Jquery de forma simples, da seguinte forma:

$(document).ready(function() {
    var colors = ["#f9f9f9", "#049fce"];//Array com as cores, pode adicionar contas quiser
    var i = 0;
    setInterval(function(){
    $('.divclass').css('background', colors[i]);
      i = (i == (colors.length -1)) ? 0 : i+1;
    },40000);//40 Segundos em Milisegundos
});

Você pode fazer isso com Jquery de forma simples, da seguinte forma:

$(document).ready(function() {
    var colors = ["#f9f9f9", "#049fce"];//Array com as cores, pode adicionar contas quiser
    var i = 0;
    setInterval(function(){
      $('.divclass').css('background', colors[i]);
      i = (i == (colors.length -1)) ? 0 : i+1;
    },40000);//40 Segundos em Milisegundos
});

Ou com Javascript puro:

var colors = ["#049fce", "#f9f9f9"];//Array com as cores, pode adicionar contas quiser
var i = 0;
setInterval(function(){
  document.getElementById('divid').style.background = colors[i];//A div deve ter um id, não funciona com class
  i = (i == (colors.length -1)) ? 0 : i+1;
},40000);//40 Segundos em Milisegundos
Fonte Link

Você pode fazer isso com Jquery de forma simples, da seguinte forma:

$(document).ready(function() {
    var colors = ["#f9f9f9", "#049fce"];//Array com as cores, pode adicionar contas quiser
    var i = 0;
    setInterval(function(){
    $('.divclass').css('background', colors[i]);
      i = (i == (colors.length -1)) ? 0 : i+1;
    },40000);//40 Segundos em Milisegundos
});