77 lines
2.5 KiB
HTML
77 lines
2.5 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html style="width: 100%;height: 100%;">
|
||
|
|
<head>
|
||
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
|
||
|
|
</head>
|
||
|
|
<body style="width: 100%;height: 100%;">
|
||
|
|
<!-- <iframe id="readpdf" src="js/PDF.js/web/viewer.html?file=&page=3" style="width: 100%; height: 100%; border-width: 0"></iframe> -->
|
||
|
|
<iframe id="readpdf" src="" style="width: 100%; height: 100%; border-width: 0"></iframe>
|
||
|
|
|
||
|
|
<div style="position: absolute;top: 12%;right: 5%;color: #fff;font-size: 16px;">
|
||
|
|
<label>剩余时长：<span id="countdown"></span></label>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
|
||
|
|
<script>
|
||
|
|
|
||
|
|
window.onload = function(){
|
||
|
|
|
||
|
|
var href = window.location.href;
|
||
|
|
// var href = "http://192.168.0.14:19999/exam-file/ynExam/sourceMaterialFile/2024/08/21/a02c75b736f341968090d20801cdcbb7----.pdf?studyDuration=0&allStudyDuration=15.00";
|
||
|
|
if(!href){
|
||
|
|
alert("文件获取失败");
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
var param = href.split("?")[1].split("&");
|
||
|
|
|
||
|
|
var pdfUrl = param[0].split("=")[1];
|
||
|
|
//学习时长
|
||
|
|
var studyDuration = param[1].split("=")[1].trim();
|
||
|
|
//总时长
|
||
|
|
var allStudyDuration = param[2].split("=")[1].trim();
|
||
|
|
|
||
|
|
if(Number(studyDuration) > Number(allStudyDuration)){
|
||
|
|
studyDuration = allStudyDuration;
|
||
|
|
}
|
||
|
|
var src = "js/PDF.js/web/viewer.html";
|
||
|
|
src += `?file=${ pdfUrl }`
|
||
|
|
$("#readpdf").attr("src", src);
|
||
|
|
|
||
|
|
var countdownTime = Number(allStudyDuration) - Number(studyDuration)
|
||
|
|
let numTime = Number(countdownTime) + 1;
|
||
|
|
var countdownElement = document.getElementById("countdown");
|
||
|
|
var startCountdown = setInterval(function() {
|
||
|
|
// var now = new Date().getTime();
|
||
|
|
numTime -= 1;
|
||
|
|
|
||
|
|
var seconds = Math.ceil(numTime);
|
||
|
|
// // 转换剩余时间为分钟和秒数
|
||
|
|
var minutes = Math.ceil((seconds+1) / 60 - 1); // 计算分钟数
|
||
|
|
var remainingSeconds = seconds % 60; // 计算剩余的秒数
|
||
|
|
|
||
|
|
// 如果倒计时结束，清除定时器
|
||
|
|
if ((minutes === 0 && remainingSeconds === 0) || minutes<0) {
|
||
|
|
countdownElement.innerHTML = "学习已完成";
|
||
|
|
clearInterval(startCountdown);
|
||
|
|
console.log("倒计时结束！");
|
||
|
|
} else{
|
||
|
|
countdownElement.innerHTML = (minutes + "分钟 " + remainingSeconds + "秒");
|
||
|
|
}
|
||
|
|
}, 1000);
|
||
|
|
}
|
||
|
|
|
||
|
|
var that;
|
||
|
|
document.getElementById('readpdf').onload = function() {
|
||
|
|
that=this.contentWindow;
|
||
|
|
setInterval(getCurrentPageNum,1000*10);
|
||
|
|
};
|
||
|
|
/**
|
||
|
|
* 获取当前页数
|
||
|
|
*/
|
||
|
|
function getCurrentPageNum(){
|
||
|
|
var num= that.getCurrentNum();
|
||
|
|
return num;
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</html>
|