For example - if I want to show popup after page load it appears plus how to code it as like it appears after 1 second of page load.

/* Popup messages */
#popup-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.6);
	z-index: 1001;
}
#popup {
	width: 1017px;
	height: 581px;
	background: url("/images/system/domotex-2018.jpg");
	text-align: center;
	color: #fff;
	border: 1px solid #888;
	box-shadow: #64686e 0px 0px 3px 3px;
		-moz-box-shadow: #64686e 0px 0px 3px 3px;
		-webkit-box-shadow: #64686e 0px 0px 3px 3px;
	position: relative;
	top: 10%;
	margin: 0 auto;
}
/* Popup's styles */
#popup div.bg {
	background: rgba(38, 38, 38, 0.84) none repeat scroll 0 0;
	margin: 30px auto 0;
	width: 487px;
}
#popup h2 {
	color: #fff;
	padding: 25px;
	margin-top: 15px;
}
#popup p {
	padding: 0 0 10px;
}
#popup input {
	background: rgba(91, 91, 91, 0.39) none repeat scroll 0 0;
	border: medium none;
	color: #777;
	height: 32px;
	padding: 5px;
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
}