我做了一個簡單的程序,用戶必須猜測虛擬骰子滾動的值。PHP中的骰子滾動程序
這裏是HTML和PHP:
<body>
<h2 id="heading"> We're gonna roll a dice! <br><small>And you have to guess which number the dice will roll.</small></h2>
<form action="" method="post">
<div id="test-container">
<p>Select your guess: </p>
<select class="form-control" id="select" name="dice">
<option value="">Select...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
</div>
<button id="submit" type="submit" type="button" name="roll" class="btn btn-primary">Roll!</button>
<?php
if(isset($_POST['roll']))
{
$dice = $_POST['dice'];
$rand = rand(1,6);
if($dice == $rand)
{
echo "<br>" . "your guess is correct! The number rolled by the dice was " . $rand . "!";
}
else{
echo "<br>" . "your guess is wrong! The number rolled by the dice was " . $rand . " but the number you entered was " . $dice . "!";
}
}
?>
</form>
</body>
</html>
代碼本身的工作,但是這不是問題。 當我按下提交,我想下面的gif(位於中間的按鈕,返回的輸出)出現,而不用循環打只有一次:
我試過很多方法做到這一點,但他們都沒有工作!
我知道我需要一個圖像編輯器來防止它永遠循環。至於顯示它,語法是echo "<img src='handroll.gif'>"
,因爲我剛剛發現。
在圖像編輯軟件中編輯GIF,並使GIF不可循環。由於您在每次提交時重新加載頁面,它應該按預期工作。 – alesc
你能推薦一個好的圖像編輯軟件來做到這一點嗎? @alesc – Anjunadeep
你可以將圖像放在你的HTML中,用CSS隱藏,當表單被提交時(你有提交事件),你可以取消隱藏它。只有我不確定的是,當圖像出現時,動畫將會完成。如果是這樣,那麼您必須使用JavaScript將圖像動態添加到HTML中。 – MilanG