niammuddin icon

membuat timer dengan jquery

niammuddin | PRO | 09/22/18 02:54:05 AM UTC | 0 ⭐ | 773 👁️ | Never ⏰ | []
HTML |

740 B

|

None

|

0 👍

/

0 👎

<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
var sec = 10
var timer = setInterval(function() {
   $("#mdtimer span").text(sec--);
   if (sec == 0) {
$("#makingdifferenttimer").delay(1000).fadeIn(1000);
$("#mdtimer").hide(1000) .fadeOut(fast);}
},1000);
});
</script>
 
</head>
<body>
 
 
 
 
<center>
 
<div id="makingdifferenttimer" style="display: none;">
<h1>Tampilan setelah loading timer</h1>
</div>
 
<div id="mdtimer">
<h1>Tampilan saat loading timer</h1>
<b>Please Wait <span>10</span> seconds</b>
</div>
 
</center>
 
 
 
</body>
</html>

Comments