Как заставить виджет вылезть через 10-20 секунд после захода на страницу?

Question

[Alexandra095]

В моем случае, он только вылезает при наведении, но нужно что бы еще и выскакивал при заходе на сайт, через n количество секунд

<div id="footer">
			<div class="container">
			<div id="slideout">
  <div><img style="float: right; background-color: #fff; border: 5px solid #7F613E; border-radius: 30px; padding: 4px; color: #7F613E;" src="img/withis.png" alt="Привет! "></div>
  <div id="slideout_inner">
	<div class="nyamessage"> 
		<h3>ФОКУСЫ НАЧАЛИСЬ</h3>
		<br>
		<p>Давайте вместе веселиться ! .</p>
		<p>Ведь это так здорово!</p><br>
		<a class="clickMe" href="#">Поиграть с клоунами</a>
	</div>
            </div>
  </div>
			</div>
		</div>

#slideout {
  position: fixed;
  bottom:220px;
  right: 20px;
  width: 55px;
  height: 55px;
  right: 0;
  border-radius: 90px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index:3;
}
#slideout_inner {
  position: fixed;
  bottom:31px;
  background-color: #fff;
  right: -250px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
	width: 250px;
	color:#808080;
 height: 240px;
		padding-left: 10px;
		z-index:3;
}
#slideout_inner a {
	color: #7F613E;
}
#slideout_inner h3{
  padding-left: 10px;
    padding-top: 10px;
}
#slideout_inner p{
 padding-left: 10px;
}
.nyaregok{
background: url("../img/navigation-right-frame.png") no-repeat;
 height: 48px;
    width: 48px;
	 cursor: pointer;
    margin-top: 14px;
}
.nyaok .leftinput{
 width: 129px;
}
.innyaok{
width: 185px;
  float: left;
}
.okimput{
    float: left;
    height: 41px;
    width: 49px;
}
#slideout:hover {
  right: 250px;
}
#slideout:hover #slideout_inner {
  right: 0;
}

Comments

[Сергей delphinpro]

setTimeout(function(){
  ПоказатьВиджет();
}, 20 * 1000);

Answer 1

[twobomb]

Так чтоле?

Answer 2

[Александр Моргунов]

setTimeout выставить в скрипте

Answer 3

[Worddoc]

document.addEventListener('load', function() {
    setTimeout(function(){
        // action
    },10000)
})