第94篇更新分离版一对一代码（一）

来源：互联网发布：软件招标评分标准编辑：程序博客网时间：2024/05/21 09:19

关键词：分离版开始答疑,分离版结束答疑

一、在分离版上做开始答疑与结束答疑

1.1两个按钮

老师端：先来两个按钮（开始答疑+结束答疑），代码如下：

<liid="start_anwser" style="display:block;"><p><imgsrc="/static/img/start.png" /></p>开始答疑</li>

<liid="end_anwser" style="display:block;"><p><imgsrc="/static/img/end.png" /></p>结束答疑</li>

注：以上是图片+li，效果是一样的。

1.2 开始答疑程序支持

1） $("#start_anwser").click(function(){

connection.send('start');

document.getElementById('start_anwser').disabled = "none";

startTimer( );

})

经测试，第一句connection.send('start');没问题，对方能收到消息。

document.getElementById('start_anwser').disabled= "none";这一句也没问题，按钮能变成灰色。

startTimer( );这个函数中有一句有问题，如下：

connection.getAllParticipants() ==document.getElementById('_room_id').value

因为现在不存在打开房间让老师建立房间，是直接通过url传入的，所以，上面一句应改为如下：

connection.getAllParticipants() ==_room_id;

这句改了之后，函数startTimer( );就没问题了。

2）还有一个问题是：只有建立连接后，开始答疑按钮才能点，要不然，还没建立连接，老师就点了，反而不妥。

打开网站时，开始答疑和结束答疑按钮都为灰色，如下：

只有建立连接后，开始答疑按钮才可点击，如下：

但我考虑，先不加这个功能；因为我处理不了，断线重连，因为老师点了开始答疑，答疑过程中学生掉线，断线重连之后，开始答疑又变为可点，会给老师造成误导。

1.3 接下来，给学生端设置个结束答疑按钮，并设置下老师端的结束答疑按钮。

1）老师端，学生点开始答疑之前，按钮是灰色的，代码如下：

点开始答疑之后，结束答疑变得可点，代码如下：

$("#start_anwser").click(function(){

connection.send('start');

document.getElementById('start_anwser').disabled= true;

document.getElementById('end_anwser').disabled= false;

startTimer( );

})

此时，学生端的结束答疑也可点，如下：

document.getElementById('end_anwser').disabled= false;

并且要展示记时如下：

if(event.data=='start'){

document.getElementById('end_anwser').disabled = false;

startTimerStudent( );

return;

}

2）老师端点结束答疑

//老师点结束答疑

$("#end_anwser").click(function(){

connection.send('end');

document.getElementById('end_anwser').disabled = true;

setTimeout('window.location.href="about:blank";',1000);

})

2016年11月09日星期三

1 0