利用js生成一个在线考试系统

最新推荐文章于 2023-02-15 11:50:44 发布

weixin_30716725

最新推荐文章于 2023-02-15 11:50:44 发布

阅读量2.5k

点赞数

文章标签： javascript 前端数据库 ViewUI

原文链接：http://www.cnblogs.com/lhll/p/5948504.html

版权

本文分享了如何利用JavaScript创建一个在线考试系统。系统包括题目显示、倒计时功能、答案提交等关键部分，帮助用户完成在线答题并展示成绩。

摘要由CSDN通过智能技术生成

前些日子帮人做了一个在线考试系统，JS代码如下

<body>
<div id="content" style="display: none">
<p style="font-weight: 700"> 1，the questions mentioned above</p>
<p style="font-weight: 700"> 2，the timer counting frome 12-(60seconds*2)to 0 <span style="color: #FF4500"> TimeRemaining：</span><a style="font-weight: 600;" id="countdown"></a></p>

<div id="AnswerDiv" class="mydiv" style="display: none">
<p>
Your mark is :<span id="mark" style="color: red"></span>
</p>
<div id="correctAnswer" style="display: none">
<p>Correct Answer</p>
<ul id="correctAnswer_ul"></ul>
</div>
<p style="color:blue;display: none" id="allRight">good 100 ！！！</p>
</div>
</body>



<script>

    //timer
    var timer = 120;
    var Time_kill;

    window.onload = function () {
       // if (confirm("Are you ready for the quiz?  you need to submit in 120s.")) {
    
        //    document.getElementById("content").style.display = "block";
        //    Quenstion1();
       //     document.getElementById("countdown").innerHTML = timer;
       //     Time_kill = setInterval("Time_up()", 1000);
       // }
                    document.getElementById("content").style.display = "block";
            Quenstion1();
            document.getElementById("countdown").innerHTML = timer;
            Time_kill = setInterval("Time_up()", 1000);
    };

//定时器
    function Time_up() {
        if (timer == 0) {
            clearInterval(Time_kill);
            alert('The time expires~');
            document.getElementById("submitbtn").disabled = "disabled";
            return;
        }
        timer--;
        document.getElementById("countdown").innerHTML = timer;
    }

    var style1 = [];
    var style2 = [];
  
    var Answers = 
    [
        { Id: 1, Title: "Mary, your dress is really beautiful. How is John? ",
                mptions: { 
                    A: "Thank you very much", 
                    B: "No, no, John is not bad", 
                    C: "Thank you. He is fine", 
                    D: "Don’t say that. It’s ugly. John is good" }, 
                Answer: "C", },
        { Id: 2, Title: "— Mary, are you a

最低0.47元/天解锁文章

weixin_30716725

关注

0
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
利用js生成一个在线考试系统

前些日子帮人做了一个在线考试系统，JS代码如下<body> <div id="content" style="display: none"> <p style="font-weight: 700"> 1，the questions mentioned above</p> <p style="font...
复制链接

扫一扫