The other day, a friend asked for advice on how to set a time-out on the splash page on his site. Basically, he wanted to display an animated logo for five seconds and then move on to the main page of the site. He'd been doing this using META refresh code:
<META http-equiv="refresh" content="5; URL=mainpage.html">
but found that this doesn't work as expected. The problem is that this counter starts as soon as the page starts loading, so those with fast connections see the splash screen, but those on slower links would flip pages before the animated logo had finished downloading. So how can you rectify the problem?
Well, the first bit of advice has to be don't ever put a splash screen on a Web site. They serve no purpose except to slow entry to your site, users hate them and you'll lose visitors from your site. Unfortunately, this was one of those 'client knows best' scenarios, and our friend had already put these arguments for removing the splash screen until he was blue in the face. So, given that he had to have a splash screen, how could he time it properly? The answer is don't use META refresh, but instead bury an 'onLoad' within the <BODY> tag
All articles Copyright CST Group Limited © 1997-2021
…provided us with extremely dedicated support over the years, Very responsive & knowledgeable.
— Khyati Patel, Malibu-Kahlúa International