全部代码在最下面----需要的直接往下翻

html方面的代码  : 正确的答案 value=s

    
    



欢迎您使用在线答题系统
计时开始，请开始作答
    00
    :
    00
    :
    00




    1，你属于什么阶级？
    无产阶级
    资产阶级
    不清楚





    2，你觉得物资生活建设重要还是精神建设重要？
    物质生活建设
    精神建设
    都不重要





    3，你觉得要实现人民当家做主要靠什么？
    私有化建设
    社会主义建设
    不清楚





    4，社会主义初级阶段转向中级阶段的关键点在什么
    人人小康
    社会主义现代化
    建成社会主义现代化强国




交卷

　　js代码实现

　　运行效果如下：

 全部代码：

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>答题title>
head>
<body>

<h1 style="color: green;text-align: center">欢迎您使用在线答题系统h1>
<h2 style="text-align: center">计时开始，请开始作答
    <span id="hours">00span>
    <span>:span>
    <span id="minute">00span>
    <span>:span>
    <span id="second">00span>
h2>
<hr/>

<ol>
    1，你属于什么阶级？
    <input type="radio" name="q1" value="s" id="1-1"/>无产阶级
    <input type="radio" name="q1" value="e" id="1-2"/>资产阶级
    <input type="radio" name="q1" value="e" id="1-3"/>不清楚
ol>
<br/>

<ol>
    2，你觉得物资生活建设重要还是精神建设重要？
    <input type="radio" name="q2" value="e" id="2-1"/>物质生活建设
    <input type="radio" name="q2" value="s" id="2-2"/>精神建设
    <input type="radio" name="q2" value="e" id="2-3"/>都不重要
ol>
<br>

<ol>
    3，你觉得要实现人民当家做主要靠什么？
    <input type="radio" name="q3" value="e" id="3-1"/>私有化建设
    <input type="radio" name="q3" value="s" id="3-2"/>社会主义建设
    <input type="radio" name="q3" value="e" id="3-3"/>不清楚
ol>
<br>

<ol>
    4，社会主义初级阶段转向中级阶段的关键点在什么
    <input type="radio" name="q4" value="e" id="4-1"/>人人小康
    <input type="radio" name="q4" value="e" id="4-2"/>社会主义现代化
    <input type="radio" name="q4" value="s" id="4-3"/>建成社会主义现代化强国
ol>
<br>


<button onclick="jiaojuan()">交卷button>
<div id="show">div>
body>
<script>
    window.onload = function () {
        var hours = document.getElementById("hours"),
            minute = document.getElementById("minute"),
            second = document.getElementById("second"),
            timer = null,
            Hours = 0,
            Minute = 0,
            Second = 0;

        timer = setInterval(function () {
            Second++;
            if (Second > 59) {
                Second = 0;
                Minute++;
                if (Minute > 59) {
                    Minute = 0;
                    Hours++;
                }
            }


            if (Second < 10) {
                second.innerText = "0" + Second;
            } else {
                second.innerText = Second;
            }


            if (Minute < 10) {
                minute.innerText = "0" + Minute;
            } else {
                minute.innerText = Minute;
            }


            if (Hours < 10) {
                hours.innerText = "0" + Hours;
            } else {
                hours.innerText = Hours;
            }
        }, 1000)
    };

    var score = 0;
    var tru = [];
    var fals = [];

    function jiaojuan() {
        tru = [];
        fals = [];
        score = 0;
        var h = document.getElementById('hours');
        var m = document.getElementById('minute');
        var s = document.getElementById('second');
        var show = document.getElementById('show');
        var quNum = 4;//题目数目
        for (let i = 1; i <= quNum;i++){
            isMain('q'+i, i, quNum);
        }

        var countTime = '共花了时间为：' + h.innerHTML + '小时' + m.innerHTML + '分' + s.innerHTML + '秒
';
        var testTrue = "您正确的题目为: " + tru + '
';
        var testFalse = "您答错的题目为: " + fals + '
';
        var userScore = '您的成绩为：' + score + '
';
        show.innerHTML = countTime + testTrue + testFalse + userScore;
    }

    /*显示数据处理*/
    function isMain(tagName, time, numQ) {
        let zz = getRadioButtonCheckedValue(tagName);
        if (zz == 's'){
            score  = score + (100/numQ);
            tru.push(time);
        }else{
            fals.push(time)
        }
    }

    /*判断单选框选中的值*/
    function getRadioButtonCheckedValue(tagNameAttr){
        var radio_tag = document.getElementsByName(tagNameAttr);
        for(var i=0;i<radio_tag.length;i++){
            if(radio_tag[i].checked){
                return radio_tag[i].value;
            }
        }
    }
script>
html>