网络远程教育平台课件实时记录学习时长的JS代码

本文探讨了在播放页面上实现交互逻辑与数据跟踪的方法,包括时间计数、用户研究记录、听课时长更新等关键功能。通过JavaScript实现,确保用户体验与数据准确性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//这段代码是在播放页面上的
<script>
var long1 = 38;
var videoIdStr = 176+"";
var c = 0;
var t;
var d = 3;
$(function() {
savaUserStudy();
up(0);
}
function timedCount() {
document.getElementById('txt').value = d;
c = c + 1;
d = parseInt(c / 60);
t = setTimeout("timedCount()", 1000);
}
function savaUserStudy() {
var CourseGuidStr = 24+"";
var userGuidStr = 5190+"";
var ProGuidStr = 27+"";
var data = {
videoGuid : videoIdStr,
userGuid : userGuidStr,
courseGuid : CourseGuidStr,
proGuid : ProGuidStr
};
var url = "/userstudy/add?t=" + new Date().getTime();
var dd = $.hSPost(url, data);
var status = dd.status;
if (status == "OK") {
if (dd.code == "1002") {


} else {
//alert(dd.detail);
}
} else {
if (dd.code == "1001") {
window.location.href = "/user/logo";
} else {
alert(dd.detail);
}
}
}

function updateStudyLong() {
var CourseGuidStr = 24+"";
var userGuidStr = 5190+"";
var ProGuidStr = 27+"";
var studyLong = d;
var isFinish = 0;
if (parseInt(studyLong) >= parseInt(long1)) {
stopCount();
studyLong = long1;
isFinish = 1;
}
var courseType = 60+"";
var data = {videoGuid : videoIdStr,userGuid : userGuidStr,courseGuid : CourseGuidStr,proGuid : ProGuidStr,studyLong : studyLong,isFinish : isFinish,courseType : courseType};
var url = "/userstudy/update/studylong?t="+ new Date().getTime();
var dd = $.hSPost(url, data);
var status = dd.status;
if (status == "OK") {


} else {
if (dd.code == "1001") {
window.location.href = "/user/logo";
} else if (dd.code == "1002") {
//return false;
}
}
}

function up(flg) {  //定时更新听课时长的函数
if (flg == 1) {
var url = "/userstudy/get/userstudy/info/list/"+videoIdStr+"/5190?t="+ new Date().getTime();
var dd = $.hSGet(url, "");
if(dd.status=="OK"){
for(var i=0;i<dd.data.length;i++){
c = dd.data[i].studyLong + 3;
d = c;
}
}
updateStudyLong();
} else {
var url = "/userstudy/get/userstudy/info/list/176/5190?t="+ new Date().getTime();
var dd = $.hSGet(url, "");
if(dd.status=="OK"){
for(var i=0;i<dd.data.length;i++){
c = dd.data[i].studyLong + 3;
d = c;
}
}
updateStudyLong();
}
document.getElementById('txt').value = d;
t = setTimeout("up(1)", 180000);//用到这个函数
}
--------------------------------------------------------------------------------
//JS中setTimeout()的用法详解

http://www.jb51.net/article/35535.htm


云教育在线学习平台源码 一、功能介绍 (1)学习模块:视频点播、图文、课件下载;视频支持上传到服务器,也可以采用视频托管。 (2)练习模块:在线刷题、错题回顾、高频错题、笔记收藏、进度保存、试题解析、模拟考试; (3)考试模块:定时考试、时间区间考试、智能阅卷、答题详情预览、成绩导出、高并发处理、考试仿切屏、强制交卷; (4)支付模块:在线支付:支付宝支付、微信支付;人工充值:管理员后台直接充值。 (5)营销模块:积分,优惠券,学习卡,三级分销,试学,限时免费。 系统角色介绍: 学员:学员主要就是在线学习,学员可以直接在线支付购买程,学员每天可以通过做任务得到积分奖励,奖励的积分可以用于兑换优惠券,在购买程时可以用优惠券抵扣,学员登录后可以分享任意链接推荐给其他用户,用户在推荐链接下注册后会给予学员积分奖励,推荐学员消费后会根据平台设置的返佣比例给予返佣。 教师:教师主要负责具体的教学工作,例如:发布程,导入试题,组卷,发布考试,阅卷,回复学员留言,查看学员学习情况等。 管理员:管理员主要负责平台的管理工作,例如:用户管理,新闻通知,基础信息修改,教务管理等 超级管理员:超管主要负责资金接口的管理,例如:微信支付,支付宝支付,微信登录,QQ登录,短信接口,积分规则设置,卡券设置,学习卡设置,分润设置等。 具体操作可以下载文档资料中的使用手册。 适用场景:中小学教育,职业教育,学历教育,慕平台,企业内训等 二、注意事项 运行环境: (1)windows server 2008R2 64位企业版【或以上版本】 (2)Microsoft SQL Server 2008【或以上版本】 (3).NET4.0【或以上版本】 (4)IIS7【或以上版本】 开发环境: (1)Microsoft Visual Studio 2010 (2)Microsoft SQL Server 2008 安装配置最低要求:CPU:2核,内存:2G
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值