javascript - 每次访问时更改背景

Question

如何在每次有人访问页面时背景发生变化，例如:5张图片，每次我访问页面时都会有另一个背景，应该在cookie中，对吗？但我不想在用户在页面上时进行背景更改，例如自动更改，只是在刷新时更改。谢谢，非常感谢任何帮助。

Answer 1

如果您正在寻找基于 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';