Сохранение настроек

function Color()
{
    
var col = document.forms['form1'].sel.selectedIndex; 
 
    switch(col)
    {
        case 0 : document.getElementById('bb').style.backgroundColor="white"
        document.getElementById('bb').style.color="black"
        break
        case 1 : document.getElementById('bb').style.backgroundColor="black"
        document.getElementById('bb').style.color="white"
        break
        case 2 : document.getElementById('bb').style.backgroundColor="grey"
        document.getElementById('bb').style.color="black"
        break
        case 3 : document.getElementById('bb').style.backgroundColor="yellow"
        document.getElementById('bb').style.color="black"
        break
        case 4 : document.getElementById('bb').style.backgroundColor="green"
        document.getElementById('bb').style.color="black"
        break
        case 5 : document.getElementById('bb').style.backgroundColor="blue"
        break
    }
}

// добавить в скриптовой блок 6 строк
onload = function ()
{
var dC = document.cookie;
if (dC.indexOf ('slctdIndx') != -1)
   {document.forms ['form1'].sel.selectedIndex = (dC.split ('slctdIndx=') [1]).split (';') [0]; Color ()}
}
 
function Color()
{
 
var col = document.forms['form1'].sel.selectedIndex; 
//плюс добавить ещё две строки:
var cT = new Date (); cT.setTime (cT.getTime () + 365 * 24 * 3600 * 1000); // срок действия - 365 дней
document.cookie ='slctdIndx=' + col + '; expires=' + cT.toGMTString (); 
// далее без изменений

  // как только загрузится тело документа, сработает безымянная функция
  // дождаться загрузки документа надо для того, чтобы все объекты, затрагиваемые функцией,
  // были уже известны браузеру - и форма c name="form1" и тег с id="bb" 
onload = function () 
{
  // прочитываем и запоминаем в переменной куки
var dC = document.cookie;
  // если куки есть (т.е. юзер уже был на это странице раньше),
  // тогда отличительный флаг 'slctdIndx' в тексте кук имеется
if (dC.indexOf ('slctdIndx') != -1)
  // в куках сохранено значение индекса выбранного клиентом опшена
  // присваиваем селекту этот selectedIndex и принудительно запускаем функцию Color ()
   {document.forms ['form1'].sel.selectedIndex = (dC.split ('slctdIndx=') [1]).split (';') [0]; Color ()}
  // ну а если клиент в первый раз на странице (или был, но выбора не сделал), то никаких кук у него нет
  // переменная dC является пустой ('') и ничего не делаем
}
 
function Color()
{
 
var col = document.forms['form1'].sel.selectedIndex; 
  // создаём объект "Время"
var cT = new Date ();
  // получаем числовое значение текущего времени в миллисекундах, прошедших с 1 января 1970 года
  // прибавляем к нему 365 дней по 24 часа в дне по 3600 секунд в часе по 1000 миллисекунд в секунде
  // и переустанавливаем объект "Время" на получившуюся дату (ровно год после настоящего момента)
cT.setTime (cT.getTime () + 365 * 24 * 3600 * 1000);
  // устанавливаем куки в виде строки
  // отличительный_флаг=индекс_выбранного_опшена;expires=время_через_год_в_формате_GMT
document.cookie ='slctdIndx=' + col + '; expires=' + cT.toGMTString ();