Dijital Satranç Saati – Online

Satranç maçlarınızı daha heyecanlı ve profesyonel hale getirmek ister misiniz? Online Dijital Satranç Saatimiz ile oyuncuların zamanını adil ve net bir şekilde yönetin. Hemen deneyin ve maçlarınıza tempolu bir dinamik katın! ŞU SAYFADAKİ Online Dijital Saat sayfamızı daha sadece şekilde kullanabilirsiniz. #chess-clock-wp-container * { box-sizing: border-box; margin: 0; padding: 0; } #chess-clock-wp-container { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; padding: 20px; background-color: #f9f9f9; border-radius: 15px; margin: 20px auto; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); max-width: 800px; } #chess-clock-wp-container .chess-title { margin-bottom: 20px; color: #333; text-align: center; font-size: 28px; font-weight: bold; } #chess-clock-wp-container .chess-setup { display: flex; justify-content: center; margin-bottom: 20px; width: 100%; } #chess-clock-wp-container .chess-setup input { width: 80px; padding: 10px; margin-right: 10px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; } #chess-clock-wp-container .chess-setup button { padding: 10px 15px; background-color: #4CAF50; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; transition: background-color 0.3s; line-height: normal; height: auto; text-shadow: none; } #chess-clock-wp-container .chess-setup button:hover { background-color: #45a049; } #chess-clock-wp-container .chess-clocks { display: flex; justify-content: space-between; width: 100%; flex-wrap: wrap; } #chess-clock-wp-container .chess-player { display: flex; flex-direction: column; align-items: center; width: 48%; padding: 10px; } #chess-clock-wp-container .chess-clock { background-color: #333; color: white; border-radius: 10px; padding: 20px; font-size: 36px; font-weight: bold; text-align: center; width: 100%; margin-bottom: 15px; transition: all 0.3s ease; box-sizing: border-box; } #chess-clock-wp-container .chess-active { background-color: #2196F3; box-shadow: 0 0 15px rgba(33, 150, 243, 0.7); } #chess-clock-wp-container .chess-button { background-color: #f44336; color: white; border: none; border-radius: 8px; padding: 15px 30px; font-size: 18px; cursor: pointer; transition: background-color 0.3s; width: 100%; line-height: normal; height: auto; text-shadow: none; font-weight: normal; } #chess-clock-wp-container .chess-button:hover { background-color: #d32f2f; } #chess-clock-wp-container .chess-button:disabled { background-color: #cccccc; cursor: not-allowed; } #chess-clock-wp-container .chess-controls { display: flex; justify-content: center; margin-top: 20px; width: 100%; flex-wrap: wrap; } #chess-clock-wp-container .chess-controls button { padding: 10px 20px; margin: 5px 10px; background-color: #673AB7; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; line-height: normal; height: auto; text-shadow: none; } #chess-clock-wp-container .chess-controls button:hover { background-color: #5e35b1; } #chess-clock-wp-container .chess-player-label { font-size: 18px; font-weight: bold; margin-bottom: 8px; color: #333; } @media (max-width: 600px) { #chess-clock-wp-container .chess-clocks { flex-direction: column; align-items: center; } #chess-clock-wp-container .chess-player { width: 100%; margin-bottom: 20px; } } Başlat Oyuncu 1 10:00 Tamamla Oyuncu 2 10:00 Tamamla Sıfırla Durdur (function() { // DOM Elementleri const minutesInput = document.getElementById('chess-minutesInput'); const startButton = document.getElementById('chess-startButton'); const resetButton = document.getElementById('chess-resetButton'); const pauseButton = document.getElementById('chess-pauseButton'); const player1Clock = document.getElementById('chess-player1Clock'); const player2Clock = document.getElementById('chess-player2Clock'); const player1Button = document.getElementById('chess-player1Button'); const player2Button = document.getElementById('chess-player2Button'); let player1Time = 600; // 10 dakika varsayılan (saniye olarak) let player2Time = 600; let activePlayer = null; let timer = null; let isPaused = false; // İlk yükleme updateDisplay(player1Clock, player1Time); updateDisplay(player2Clock, player2Time); // Başlat butonu startButton.addEventListener('click', function() { // Süreler ayarlanır const minutes = parseInt(minutesInput.value) || 10; player1Time = minutes * 60; player2Time = minutes * 60; // Ekranları güncelle updateDisplay(player1Clock, player1Time); updateDisplay(player2Clock, player2Time); // Oyuncu 1 başlar activePlayer = 1; player1Clock.classList.add('chess-active'); player2Clock.classList.remove('chess-active'); // Butonları etkinleştir player1Button.disabled = false; player2Button.disabled = true; // Zamanlayıcıyı başlat clearInterval(timer); isPaused = false; pauseButton.textContent = "Durdur"; timer = setInterval(updateTimer, 1000); }); // Oyuncu 1 butonu player1Button.addEventListener('click', function() { if (activePlayer === 1 && !isPaused) { activePlayer = 2; player1Clock.classList.remove('chess-active'); player2Clock.classList.add('chess-active'); player1Button.disabled = true; player2Button.disabled = false; } }); // Oyuncu 2 butonu player2Button.addEventListener('click', function() { if (activePlayer === 2 && !isPaused) { activePlayer = 1; player2Clock.classList.remove('chess-active'); player1Clock.classList.add('chess-active'); player2Button.disabled = true; player1Button.disabled = false; } }); // Sıfırla butonu resetButton.addEventListener('click', function() { clearInterval(timer); const minutes = parseInt(minutesInput.value) || 10; player1Time = minutes * 60; player2Time = minutes * 60; updateDisplay(player1Clock, player1Time); updateDisplay(player2Clock, player2Time); player1Clock.classList.remove('chess-active'); player2Clock.classList.remove('chess-active'); player1Button.disabled = true; player2Button.disabled = true; activePlayer = null; isPaused = false; pauseButton.textContent = "Durdur"; }); // Durdur/Devam Et butonu pauseButton.addEventListener('click', function() { if (activePlayer) { isPaused = !isPaused; if (isPaused) { clearInterval(timer); pauseButton.textContent = "Devam Et"; player1Button.disabled = true; player2Button.disabled = true; } else { timer = setInterval(updateTimer, 1000); pauseButton.textContent = "Durdur"; if (activePlayer === 1) { player1Button.disabled = false; player2Button.disabled = true; } else { player1Button.disabled = true; player2Button.disabled = false; } } } }); // Zamanlayıcı fonksiyonu function updateTimer() { if (activePlayer === 1) { player1Time--; updateDisplay(player1Clock, player1Time); if (player1Time