This commit is contained in:
Josh at WLTechBlog
2025-08-12 10:19:13 -05:00
parent 70d9ed30de
commit d6209cd34f
16 changed files with 4118 additions and 0 deletions

36
test-timeout.html Normal file
View File

@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<title>Timeout Test</title>
<style>
.delayed-element {
display: none;
}
</style>
</head>
<body>
<h1>Timeout Test</h1>
<div id="immediate">This element is immediately available</div>
<div id="delayed" class="delayed-element">This element appears after 3 seconds</div>
<button id="slow-button">Slow Button (3s delay)</button>
<div id="result"></div>
<script>
// Show the delayed element after 3 seconds
setTimeout(() => {
document.getElementById('delayed').style.display = 'block';
}, 3000);
// Add a click handler to the slow button that takes 3 seconds to complete
document.getElementById('slow-button').addEventListener('click', function() {
const result = document.getElementById('result');
result.textContent = 'Processing...';
// Simulate a slow operation
setTimeout(() => {
result.textContent = 'Button click processed!';
}, 3000);
});
</script>
</body>
</html>