Ich entwickle ein Quizspiel, in dem ich möchte, dass jede Frage (insgesamt 5 Fragen) nach 20 Sekunden automatisch geändert wird. Bitte geben Sie mir HTML-Codes und geben Sie auch Code für 20 Sekunden Countdown für jede Frage.Fragen nach einer bestimmten Zeit mit Countdown ändern und wenn der Countdown umgeschaltet werden soll
**
Wie der Countdown kann umgeschaltet werden (pausiert/wieder auf Klick)?
**
Try this: [? Wie ich Text nach der Zeit mit jQuery ändern]
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.question {
display: none;
}
.count {
position: absolute;
top: 100px;
}
</style>
</head>
<body>
<h1 class="question">I am Question 1</h1>
<h1 class="question">I am Question 2</h1>
<h1 class="question">I am Question 3</h1>
<h1 class="question">I am Question 4</h1>
<h1 class="question">I am Question 5</h1>
<h3 class="count">CountDown : 19 </h3>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
var total = $(".question").length;
var cur = 1;
var cou = 19;
$(".question").eq(0).show().delay(18000).hide(2000);
var timer = setInterval(function(){
fun();
},20000)
function fun(){
$(".question").eq(cur).show().delay(18000).hide(2000);
cur += 1;
if(cur > total) {
alert("done");
clearInterval(timer);
clearInterval(countTimer);
}
}
var countTimer = setInterval(function(){
cou -= 1;
$(".count").text("CountDown : " + cou);
if(cou === 0)
cou = 20;
},1000);
})
</script>
</body>
</html>
Mögliche Duplikat (http://stackoverflow.com/questions/8630722/how-can-i-change-text-nach-time-using-jquery) – Morishiri
können Sie mit diesem, atleast html relevanten Code zur Verfügung stellen. Sie zeigen nur die Frage –
Bitte lesen Sie, wofür StackOverflow ist. Wir erstellen keine Programme für alle, sondern helfen (!) Spezifische Probleme zu lösen. – BlueBockser