HTML
Und JavaScript:
Bei wird nichts angezeigt, wenn ich auf "STOP" druecke...
Code:
<!Doctype html>
<html>
<head>
<title>
UNTERBRECHUNGEN
</title>
<link rel="stylesheet" href="design.css" type="text/css">
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body onload="time()">
<div id="start" style="
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 50%;
background: #FF00FF;
"></div>
<div id="stop" style="
position: absolute;
top: 0px;
left: 50%;
height: 100%;
width: 50%;
background: #00FF00;
">
</div>
</body>
</html>
Code:
function time()
{
var i = 0;
$("div#start").click(function()
{
//Zeit bei Unterbechung
var date_start = new Date();
var hours_start = date_start.getHours();
var minutes_start = date_start.getMinutes();
var seconds_start = date_start.getSeconds();
//Ausgabe bei Unterbrechung
document.getElementById("start").innerHTML = "<h1><center>Du wirst schon wieder unterbrochen!</center></h1>";
});
$("div#stop").click(function()
{
//Zeit bei Ende der Unterbrechung
var date_end = new Date();
var hours_end = date_end.getHours();
var minutes_end = date_end.getMinutes();
var seconds_end = date_end.getSeconds();
//Zeit Differenz
var difference_hours = hours_end - hours_start;
var difference_minutes = minutes_end - minutes_start;
var difference_seconds = seconds_end - seconds_start;
//Gesamte Differenz bei einer Unterbrechung
var difference_total = difference_hours+":"+difference_minutes+":"+difference_seconds;
//Unterbrechungen zählen
i++;
//Ausgabe der Zeit
document.getElementById("stop").innerHTML = "Sie wurden lange gestört";
});
}