YNUtdPlatform/static/jsFile/readPdf.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>