заметил, что clearTimeout(timeoutID) работает не сразу (ассиметрично), к примеру, если использовать один идентификатор для какой то сложной анимации по времени в конструкции:

clearTimeout(timeoutID);
timeoutID = setTimeout(...)

то в ряде браузеров clearTimeout сработает после timeoutID = setTimeout. Как это проявляется:
при отладке в браузере анимация работает как задумывалось, без отладки (в рабочем режиме) анимации нет. Выход: использовать разные идентификаторы, при необходимости, после какого то кода, замещать значения тех. по которым timeOut должен быть очищен теми. которые были созданы:

clearTimeout(timeoutID1);
timeoutID2 = setTimeout(...)
/*some code*/
timeoutID1 = timeoutID2 ;

ну или как то иначе.