我试图cerate简单的国际象棋代码,我会明白它是如何工作的。我确实找到了一两个样本,但我不会忽视那些代码。 (link 1,link 2) 你能帮我吗?国际象棋时钟倒计时
我尝试将倒数计时器与checc时钟组合,但没有成功。 当我按下按钮“开始”时钟将开始为玩家1倒计时(白色)。当该玩家按下一个按钮(“白色”)时,该玩家的时间将停止,并开始对黑人玩家进行倒计时,因此当此人按下“黑色”按钮时,计时器开始倒计时为白色。 我是否需要2个独立的计时器,或者它能够“保存”计时器就足够了? 如何设置“添加时间”?这是玩家按下按钮时,定时器加几秒钟?
这是我尝试迄今:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Chess clock</title>
<style type="text/css">
#MoveWhite{
margin-left: 50px;
float:Left;
width:200px;
height: 100px;
background-color: silver;
text-align: center;
}
#MoveBlack{
float:left;
width:200px;
height: 100px;
background-color: blue;
text-align: center;
}
#Begin{
margin-left: 50px;
float:left;
width: 400px;
height: 100px;
background-color: green;
text-align: center;
}
#SetUp{
margin-left: 50px;
margin-right: 50px;
float: left;
width: 400px;
height: 100px;
background-color: green;
}
body{
width: 500px;
background-color: #06F;
}
</style>
<script type="text/javascript">
var minutesleft = 0;
var secondsleft = 60;
var finishedtext = "Lost"
ura = new Date();
ura.setMinutes(ura.getMinutes() + minutesleft);
ura.setSeconds(ura.getSeconds() + secondsleft);
function cdWhite(){
now = new Date();
diff = ura - now;
diff = new Date(diff);
var sec = diff.getSeconds();
var min = diff.getMinutes();
if (min < 10){
min = "0" + min;
}
if (sec < 10){
sec = "0" + sec;
}
if(now >= ura){
clearTimeout(timerID);
document.getElementById("cdtime").innerHTML = finishedtext;
}
else{
document.getElementById("cdtime").innerHTML = min + ":" + sec;
}
timerID = setTimeout("cdWhite()", 10);
}
</script>
</head>
<body>
<div id = "Begin">
<p>White player start game when press "Start game" button</p>
<button onClick="cdWhite()">Start game!</button>
</div>
<div id = "num1">
<div id = "MoveWhite">
<h1 id = "White"><span id="cdtime">TimerWhite??<!-- Lost (if white player loose) -->
</span></h1>
<button onClick="startBlack()">White</button>
</div>
<div id = "MoveBlack">
<h1 id = "Black">TimerBlack??</h1> <!-- Lost (if black player loose) -->
<button onClick="startWhite()">Black</button>
</div>
</div>
<div id = "SetUp">
<p>Set different starting time <br/>
Set starting time: ___min ___sec</p>
<p>Add time: ____ sec</p>
</div>
<ul id = "cas">
</ul>
</body>
</html>
我认真地建议您将此代码移至JSFiddle,以便读取和调试。而且,任何决定提供帮助的人都可以轻松创建自己的叉子。我试着将你的代码移动到JSFiddle本身,它没有运行,我也没有深入了解为什么(因为你声称它的工作原理和计时器开始运行)。所以我想你的第一步应该是转向JSF。 – 2013-04-08 15:26:52
http://jsfiddle.net/9tEpu/ – Phantom 2013-04-08 16:05:02