PHP:
<style>
#output {
margin-left: 20px;
margin-top: 20px;
padding: 20px;
background: #b50000;
border-radius: 10px;
font-size: 80px;
width: 90px;
height: 90px;
color: white;
text-align: center;
}
#outputa {
margin-left: 20px;
margin-top: 20px;
padding: 20px;
background: #00b190;
border-radius: 10px;
font-size: 80px;
width: 90px;
height: 90px;
color: white;
text-align: center;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
setTimeout(function() { $('#sonuc').toggle(); }, 7000); /*1000 milisaniye = 1 saniye*/
</script>
<?
$say = 1;
while($say < 11) {
$zarveri = rand(1,6).','.$zarveri;
$say++;
}
$oyuncu = substr($zarveri, -2, 1);
$saya = 1;
while($saya < 11) {
$zarveria = rand(1,6).','.$zarveria;
$saya++;
}
$pc = substr($zarveria, -2, 1);
?>
<script>
function createTimedLink(element, callback, timeout){
setTimeout( function(){callback(element);}, timeout);
return false;
}
function myFunction(element) {
/* Block of code, with no 'return false'. */
window.location = element.href;
}
var numbers = [<?=$zarveri?>];
function printNumbers(numbersToPrint) {
$("#output").text(numbersToPrint.shift());
if (numbersToPrint.length) {
setTimeout(function() {
printNumbers(numbersToPrint);
}, 500)
}
}
printNumbers(numbers.slice());
var numbersa = [<?=$zarveria?>];
function printNumbersa(numbersToPrint) {
$("#outputa").text(numbersToPrint.shift());
if (numbersToPrint.length) {
setTimeout(function() {
printNumbersa(numbersToPrint);
}, 500)
}
}
printNumbersa(numbersa.slice());
</script>
<div style="margin:0 auto; width:600px">
<div style="float:left; width:25%; text-align:center;">Oyuncu<br><div id="output"> </div></div>
<div style="float:left; width:25%; text-align:center;">PC<br><div id="outputa"> </div></div>
<div style="float:left; width: 45%; background-color: #3b6f87; margin-left: 10px; margin-top: 40px; padding: 10px; border-radius: 10px; ">
<div id="sonuc" style="z-index: 99; text-align: center; width: 185px; margin-top: -10px; position: absolute; font-size: 35px; margin-left: 20px; padding: 35px; background-color: rgb(59, 111, 135); height: 55px;">Zar atılıyor</div>
<div style="margin-left: -8px; width: 280px; padding: 0px; font-size: 25px; text-align: center; margin-top: 20px; height: 90px; color: white;">
<?=($oyuncu > $pc ? 'Kazandın' : 'Kaybettin')?>
<br>
<a href="zara.php" onclick="return createTimedLink(this, myFunction, 2000);">YENİDEN OYNA</a>
</div>
</div>
Demo : http://www.foreverautohits.com/zara.php