titulo 2 colores

    0

    6

    ismael zian

    <?php $arrtitol = array( 'M', 'U', 'L', 'T', 'I', '&nbsp', 'B', 'R', 'O', 'W', 'S', 'E', 'R', '&nbsp' ); $arrcol1 = array( '#FF5733', 'C9FF33', '4533FF', '33FFE6', '#FFBB33', '33FF66', 'AB33FF', 'FE33FF', '85FF33', '33FFE6', '3388FF', '#FFF033', '&nbsp' ); $arrcol2 = array( '#FFF033', 'FE33FF', '33FF66', '33FFE6', 'C9FF33', '#FFBB33', '3388FF', '33FFE6', '#FF5733', '4533FF', 'AB33FF', '85FF33', '&nbsp' ); setInterval(function() { $this->arrcol1[$this->arrcol2[($this

    Shortcut: titulo2colores

    <h1 id='titol'> </h1>//en el html
    
    setInterval(color, 5000)//el interval
      arrtitol = ['M', 'U', 'L', 'T', 'I',
        '&nbsp', 'B', 'R', 'O', 'W', 'S', 'E', 'R', '&nbsp']//el titulo
    
      arrcol1 = ['#FF5733', 'C9FF33', '4533FF', '33FFE6', '#FFBB33',
        'white', '33FF66', 'AB33FF', 'FE33FF', '85FF33', '33FFE6', '3388FF', '#FFF033', '&nbsp']//secuencia 1
    
      arrcol2 = ['#FFF033', 'FE33FF', '33FF66', '33FFE6', 'C9FF33',
        'white', '#FFBB33', '3388FF', '33FFE6', '#FF5733', '4533FF', 'AB33FF', '85FF33', '&nbsp']//secuencia 2
    
    
      document.getElementById('titol').innerHTML = arrtitol.join('')//introducimos array titol en el h1
      var secuencia = 1;
      x = document.getElementById('titol');//cogemos el h1
      txt = x.textContent;//y su texto
      newtxt = ''
    
      for (var i = 0, l = txt.length; i < l; i++) {
        if (secuencia == 1) {	//primero pintamos el texto con la secuencia 1
        newtxt += txt.charAt(i).fontcolor(arrcol1[i]);
        }
        x.innerHTML = newtxt;
      }
    
      function color() {
        x = document.getElementById('titol');
        txt = x.textContent;
        newtxt = '';
        for (var i = 0, l = txt.length; i < l; i++) {
        if (secuencia == 1) {//pintamos segun la secuencia
          newtxt += txt.charAt(i).fontcolor(arrcol1[i]);
        }
        else {
          newtxt += txt.charAt(i).fontcolor(arrcol2[i]);
        }
        }
        if (secuencia == 1) {//controlamos...
        secuencia = 2
        }
        else {//...las secuencias
        secuencia = 1
        }
    
    
        x.innerHTML = newtxt;//y por ultimo volvemos a insertar
    
      }
    Codiga Logo
    Codiga Hub
    • Rulesets
    • Playground
    • Snippets
    • Cookbooks
    soc-2 icon

    We are SOC-2 Compliance Certified

    G2 high performer medal

    Codiga – All rights reserved 2022.