javascript - 每次访问都更改背景

每当有人访问页面时，背景如何变化，例如：
5张图片，eveytime，当我访问页面时还有另一个背景，应该放在cookie中，对吗？
但是我不希望用户在页面上时进行后台更改，例如自动刷新。
谢谢，任何帮助真的很感激。

最佳答案

如果您正在寻找基于PHP的解决方案，则可以根据需要调整该代码：

<?php

$backgrounds = array(
    'assets/backgrounds/0.jpg',
    'assets/backgrounds/1.jpg',
    'assets/backgrounds/2.jpg',
    'assets/backgrounds/3.jpg',
    'assets/backgrounds/4.jpg'
);

$expirity = time() + 81400; /* change it to whatever you want */

if ( isset( $_COOKIE['custom_background'] ) ) {

    $backgroundIndex  = ( $_COOKIE['custom_background'] < ( sizeof( $backgrounds ) - 1 ) ) ? $_COOKIE['custom_background'] + 1 : 0;

    setcookie( 'custom_background', $backgroundIndex, $expirity, '/' );

} else {

    setcookie( 'custom_background', 0, $expirity, '/' ); /* initial background will be first array element */

}

然后，在模板中，您可以显示背景图像路径，如下所示：

echo isset( $_COOKIE['custom_background'] ) ? $backgrounds[ $_COOKIE['custom_background'] ] : 'some-default-background.jpg';