Animacja w PHP

0

cześć, czy jest ktoś w stanie z tego skryptu zrobić animacje? Kompletnie nie mam pomyslu jak za to sie zabrac, chodzi mi o to, zeby kolory pokazywaly sie po kolei od 000000 do ffffff a nie losowo jak do tej pory, w odstępie 0,014 sekundy a nie 1 sekundy jak do tej pory (przy zmianie z 1 na 0,014 skrypt sie sypie nie wiem dlaczego.

a oto wspomniany skrypt do liftingu:

<!DOCTYPE html PUBLIC "-*W3C*DTD XHTML 1.0 Strict*EN" "http:*www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> <meta http-equiv="Refresh" content="5" /> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <script type="text/javascript">

var hD = "0123456789ABCDEF";
var i = 0;

function d2h(d) {
var h = hD.substr(d & 15, 1);
while (d > 15) {
d >>= 4;
h = hD.substr(d & 15, 1) + h;
}
return h;
}

function h2d(h) {
return parseInt(h, 16)
};

function zmien() {
var random = Math.round(Math.random() * 16777216);

document.bgColor = d2h(random);
};

zmien();
</script>

</body> </html>
0

Przecie panie od tego jest CSS3

0

sory jestem tu pierwszy raz chcialem szybka odpowiedz ominalem regulamin, wlasnie mi chodzi o to zeby to przerobic na php

0

PHP nie służy do tego - @Patryk27 już Ci napisał w czym to zrobić.

1

Pokombinuj z tym:

<!doctype html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body {
            background-color: #fff; /*początkowy kolor tła*/
            transition: 5s; /*czas przejścia w sekundach*/
            transition-timing-function: linear; /*jednostajne przejscia*/
        }
    </style>
</head>
<body>

<!--tu wstaw treść strony-->

<script>

    // funkcja pomocnicza - losuje liczbę: min <= liczba < max
    function getRandomInt(min, max) {
        return Math.floor(Math.random() * (max - min)) + min;
    }

    // funkcja pomocnicza - dodaje zera wiodące do stringa,
    // potrzebna do odpowiedniego sformatowania koloru
    function pad(str, size) {
        while (str.length < size) str = "0" + str;
        return str;
    }

    // główna funkcja - zmienia kolor tła na wylosowany
    function changeBackground(){
        var bgcolor = pad(getRandomInt(0, 16777216).toString(16), 6);
        document.body.style.backgroundColor = '#' + bgcolor;
    }

    // pierwsza zmiana tła
    setTimeout(changeBackground, 50);

    // timer wywołujący główną funkcję
    // odstęp czasowy jest określony na końcu w milisekundach
    setInterval(changeBackground, 5000);

</script>

</body>
</html>

Tu masz wersję z możliwością ręcznego ustawienia kolorów:

<!doctype html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body {
            background-color: #fff; /*początkowy kolor tła*/
            transition: 5s; /*czas przejścia w sekundach*/
            transition-timing-function: linear; /*jednostajne przejscia*/
        }
    </style>
</head>
<body>

<!--tu wstaw treść strony-->

<script>

    var step = 0;
    // tablica kolorów, pomiędzy którymi będą przejścia
    var colors = [
            '#FFAC31',
            '#69FF52',
            '#4DA1FF',
            '#FF67E5'
            // tu możesz dodać kolejne kolory
    ];

    // pierwsza zmiana koloru
    setTimeout(function(){
        document.body.style.backgroundColor = colors[step];
        step++
    }, 50);

    // timer zmieniający kolory po kolei wg tablicy colors,
    // odstęp czasowy jest określony na końcu w milisekundach
    setInterval(function(){
        if(step == colors.length) step = 0;
        document.body.style.backgroundColor = colors[step];
        step++;
    }, 5000);

</script>

</body>
</html>

1 użytkowników online, w tym zalogowanych: 0, gości: 1