pczaja/tablice-czasowe
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Piotr Czaja 2023-06-24 12:36:24 +02:00
parent eebb346b58
commit d64313c1ae
2 changed files with 114 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
czas-15min.html Normal file
View File

@ -0,0 +1,72 @@
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="shortcut icon" href="./theme/ico/favicon.ico" >
<link rel="stylesheet" href="./theme/css/bootstrap.min.css" >
<link rel="stylesheet" href="./theme/icons/all-icons.css" type="text/css" media="screen" />
<link rel="stylesheet" href="./theme/fonts/all-fonts.css" type="text/css" media="screen" />
<link rel="stylesheet" href="./theme/css/main.css" >
<script src="./theme/js/jquery-3.4.1.min.js" ></script>
<script src="./theme/js/popper.min.js" ></script>
<script src="./theme/js/bootstrap.min.js" ></script>
<meta name="author" content="Piotr Czaja" />
<meta name="keywords" content="projekt repozytorium" />
<meta name="description" content="Odliczanie do rozpoczęcia zajęć" />
<title>Rozpoczęcie</title>
<script>
function startTimer(duration, display) {
var timer = duration, minutes, seconds;
setInterval(function () {
minutes = parseInt(timer / 60, 10);
seconds = parseInt(timer % 60, 10);
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
display.textContent = minutes + ":" + seconds;
if (--timer < 0) {
document.getElementById("odliczacz").innerHTML = "<h1 class='font-weight-bold'>Cas dobiegł końca.</h1><hr/><p>Proszę o zakończenie pracy.</p></div>"
}
}, 1000);
}
window.onload = function () {
var fiveMinutes = 60 * 15,
display = document.querySelector('#time');
startTimer(fiveMinutes, display);
};
</script>
</head>
<body
<div class="container">
<div class="jumbotron mt-3">
<div id="odliczacz"> <h1>Pozostały czas:</h1><hr/>
<div class="progress">
<div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
</div>
<p class="text-center" style="font-size:600%;"> <span id="time">15:00</span></p>
<div class="progress">
<div class="progress-bar bg-warning progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
</div>
</div></div>
</body>
</html>

42
index.html
View File

@ -113,6 +113,48 @@
</ul>
<p>Odliczanie czasu</p>
<ul class="projectlist list-unstyled">
<li><div class="row"><div class="col-8 projectlink">
<a href="czas-90min.html">Czas pozostały 90 min</a></div>
<div class="col-4 projectdesc">
<i class="far fa-file-code" aria-hidden="true"></i><br /><span>Online</span>
</div></div></li>
<li><div class="row"><div class="col-8 projectlink">
<a href="czas-75min.html">Czas pozostały 75 min</a></div>
<div class="col-4 projectdesc">
<i class="far fa-file-code" aria-hidden="true"></i><br /><span>Online</span>
</div></div></li>
<li><div class="row"><div class="col-8 projectlink">
<a href="czas-60min.html">Czas pozostały 60 min</a></div>
<div class="col-4 projectdesc">
<i class="far fa-file-code" aria-hidden="true"></i><br /><span>Online</span>
</div></div></li>
<li><div class="row"><div class="col-8 projectlink">
<a href="czas-45min.html">Czas pozostały 45 min</a></div>
<div class="col-4 projectdesc">
<i class="far fa-file-code" aria-hidden="true"></i><br /><span>Online</span>
</div></div></li>
<li><div class="row"><div class="col-8 projectlink">
<a href="czas-30min.html">Czas pozostały 30 min</a></div>
<div class="col-4 projectdesc">
<i class="far fa-file-code" aria-hidden="true"></i><br /><span>Online</span>
</div></div></li>
<li><div class="row"><div class="col-8 projectlink">
<a href="czas-15min.html">Czas pozostały 15 min</a></div>
<div class="col-4 projectdesc">
<i class="far fa-file-code" aria-hidden="true"></i><br /><span>Online</span>
</div></div></li>
</ul>
</div>