網頁答題js代碼,網頁做選擇題的代碼

本文目錄一覽：

• 1、js答題全部代碼，幾個題，答對了，說對了，每一次只顯示答一個題，全對調轉到一個頁面
• 2、jQuery實現的測試答題的JS代碼怎麼寫，隨機讀取我這個json代碼中的一題，點擊上和下可以來回切換，算得分
• 3、在線答題功能可以用js實現嗎
• 4、js 限制答一道題目10秒鐘，超過10秒提示答題無效的js代碼？？

js答題全部代碼，幾個題，答對了，說對了，每一次只顯示答一個題，全對調轉到一個頁面

這個得分你的業務邏輯是什麼樣的.

有的是ajax 一個一個的傳值調用.有的是一個鏈接一個鏈接的跳轉;

舉個簡單的靜態例子;

5道題,5個div層,第一個層顯示,其餘隱藏;

每打一次題,答案和正確答案用js對比,對比正確則本題所在層隱藏,下一道題顯示,依次類推,全部答對後js跳轉.

當然這是靜態的方法,懂點html的都能跳過你的問題.

一般情況下是用ajax跟資料庫動態比對.

jQuery實現的測試答題的JS代碼怎麼寫，隨機讀取我這個json代碼中的一題，點擊上和下可以來回切換，算得分

手寫 jq框架自己替換 其他直接複製運行就行了 採納

!DOCTYPE html

html

head

meta charset=”UTF-8″

/head

body

div id=”demo”

div class=”list”

p id=”question”/p

p id=”answers”/p

p id=”correctAnswer”正確答案：span/span/p

/div

div class=”list”

button id=”next”下一題/button

button id=”prev”上一題/button

/div

/div

script type=”text/javascript” src=”js/jquery-2.1.0.js” /script

script

var init={‘questions’:[

{‘question’:’jQuery是什麼？’,’answers’:[‘JavaScript庫’,’CSS庫’,’PHP框架’,’以上都不是’],’correctAnswer’:1},

{‘question’:’找出不同類的一項?’,’answers’:[‘寫字檯’,’沙發’,’電視’,’桌布’],’correctAnswer’:3},

{‘question’:’國土面積最大的國家是：’,’answers’:[‘美國’,’中國’,’俄羅斯’,’加拿大’],’correctAnswer’:3},

{‘question’:’月亮距離地球多遠？’,’answers’:[’18萬公里’,’38萬公里’,’100萬公里’,’180萬公里’],’correctAnswer’:2}]}

var questions = init.questions

var mathLen = questions.length

var mathNum = parseInt(mathLen*Math.random())

function setHtml(num){

var mathTitle = questions[num].question

var mathAnswer = questions[num].answers

var correctAnswer = questions[num].correctAnswer

var span = “”

for (var i=0;imathAnswer.length;i++) {

span+=”span style=’margin-right:10px'”+mathAnswer[i]+”/span”

}

$(“#question”).html(mathTitle)

$(“#answers”).html(span)

$(“#correctAnswer span”).html(correctAnswer)

}

$(function(){

setHtml(mathNum)

$(“#next”).click(function(){

if(mathNum==mathLen-1){

mathNum=0

setHtml(mathNum)

}else{

mathNum = mathNum+1

setHtml(mathNum)

}

})

$(“#prev”).click(function(){

if(mathNum==0){

mathNum=mathLen-1

setHtml(mathNum)

}else{

mathNum = mathNum-1

setHtml(mathNum)

}

})

})

/script

/body

/html

在線答題功能可以用js實現嗎

是需要後台的。首先 你答題，你的題目不可能就幾個吧，然後題量也不會少吧。如果是這樣的話，你就不能全用js實現的。這個題目 還有題的正確與否都要去後台查詢出來。前台再顯示正確或者錯。 如果你的題目非常少，僅是做個小功能，就可以全用js實現。在用戶選擇完答案的時候，去調用一個js函數，在這個函數里判斷正確與否。

純手打，求採納。

js 限制答一道題目10秒鐘，超過10秒提示答題無效的js代碼？？

var index = 0;

        var id = null;

        var canAnswer = true;

        function b() {

            id = setInterval(a, 1000);

        }

        function a() {

            if (++index  10) {

                clearInterval(id);

                canAnswer = false;

                alert(canAnswer);

                return;

            }

            var time = new Date();

            document.writeln(time.toString());

        }

        onload = b;

就以上這樣的例子，

在提交答案的時候判斷canAnswer

你還可以在列印時間的地方寫一些控制倒計時的代碼。