var totalTime = 0;\nvar idleTime = 0;\nvar percentage = 0;\n\nfunction calculatePercentage() {\n totalTime = parseFloat(document.getElementById('totalTime').value) || 0;\n idleTime = parseFloat(document.getElementById('idleTime').value) || 0;\n \n if (totalTime <= 0) {\n document.getElementById('result').innerText = 'Please enter a valid total time.';\n return;\n }\n \n percentage = (idleTime / totalTime) * 100;\n \n var resultText = 'The percentage of idle time is ' + percentage.toFixed(2) + '%';\n document.getElementById('result').innerText = resultText;\n \n updateChart();\n}\n\nfunction updateChart() {\n var ctx = document.getElementById('pieChart').getContext('2d');\n if (window.myChart) {\n window.myChart.destroy();\n }\n window.myChart = new Chart(ctx, {\n type: 'pie',\n data: {\n labels: ['Idle Time', 'Working Time'],\n datasets: [{\n data: [idleTime, totalTime - idleTime],\n backgroundColor: [\n '#dc3545',\n '#28a745'\n ],\n hoverBackgroundColor: [\n '#c82333',\n '#218838'\n ]\n }]\n },\n options: {\n responsive: true,\n plugins: {\n legend: {\n position: 'top',\n }\n }\n }\n });\n}\n\nfunction updateTable() {\n var tableBody = document.getElementById('dataTableBody');\n tableBody.innerHTML = '';\n \n var newRow = tableBody.insertRow();\n var cell1 = newRow.insertCell(0);\n var cell2 = newRow.insertCell(1);\n var cell3 = newRow.insertCell(2);\n \n cell1.textContent = 'Total Time';\n cell2.textContent = totalTime.toFixed(2) + ' hours';\n cell3.textContent = ((totalTime - idleTime) / totalTime * 100).toFixed(2) + '%';\n \n var newRow2 = tableBody.insertRow();\n var cell4 = newRow2.insertCell(0);\n var cell5 = newRow2.insertCell(1);\n var cell6 = newRow2.insertCell(2);\n \n cell4.textContent = 'Idle Time';\n cell5.textContent = idleTime.toFixed(2) + ' hours';\n cell6.textContent = (idleTime / totalTime * 100).toFixed(2) + '%';\n}\n\nfunction copyResults() {\n var resultText = document.getElementById('result').innerText;\n navigator.clipboard.writeText(resultText).then(function() {\n alert('Results copied to clipboard!');\n }, function() {\n alert('Failed to copy results. Please copy manually.');\n });\n}\n\nfunction resetCalculator() {\n document.getElementById('totalTime').value = '';\n document.getElementById('idleTime').value = '';\n document.getElementById('result').innerText = '';\n \n if (window.myChart) {\n window.myChart.destroy();\n }\n \n var tableBody = document.getElementById('dataTableBody');\n tableBody.innerHTML = '';\n}\n\nwindow.onload = function() {\n updateTable();\n};\n\n
\n
Vehicle Idle Time Percentage Calculator
\n
Calculate the percentage of time a vehicle spends idling
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n
\n \n
\n \n
\n \n
\n
Results Table
\n
\n \n \n | Category | \n Time | \n Percentage | \n
\n \n \n \n \n
\n
\n \n
\n
\n
\n\n\n\n
\n
\n
Vehicle Idle Time Percentage Calculator\n\n