我的clearInterval函数有问题 Javascript中的实时时钟
根据您的电脑，时间为 秒表 启动时钟 我有很多HTML，我用它们来生成一个实时时钟。我的任务是创建两个按钮，一个停止时钟，另一个重新启动时钟。我的setInterval函数工作得很好，但我一辈子都无法找出clearInterval函数不工作的原因。有什么想法吗我的clearInterval函数有问题 Javascript中的实时时钟,javascript,html,web,clock,clearinterval,Javascript,Html,Web,Clock,Clearinterval,根据您的电脑，时间为 秒表 启动时钟 我有很多HTML，我用它们来生成一个实时时钟。我的任务是创建两个按钮，一个停止时钟，另一个重新启动时钟。我的setInterval函数工作得很好，但我一辈子都无法找出clearInterval函数不工作的原因。有什么想法吗 干杯您需要保存从setInterval返回的值，并将其传递到调用clearInterval中 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt
干杯您需要保存从
setIntervalclearInterval<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--
function init()
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("clock").appendChild ( timeDisplay );
}
function updateClock()
{
var currentTime = new Date ();
var currentHours = currentTime.getHours();
var currentMinutes = currentTime.getMinutes();
var currentSeconds = currentTime.getSeconds();
// Adds zeros if required
currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
// Decides whether AM or PM
var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
// Convert the hours component to 12-hour format if needed
currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
// Convert an hours component of "0" to "12"
currentHours = ( currentHours == 0 ) ? 12 : currentHours;
// Creates the display string
var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;
// Updates the time display
document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}
// -->
</script>
<link rel="stylesheet" type="text/css" href="week9live.css" />
</head>
<body onload="updateClock(); setInterval('updateClock()', 1000 )">
<h1>A live clock in Javascript</h1>
<div>
<p>The time according to your pc is </p> <span id="clock"> </span>
</div>
</br>
<button type ="button" onclick = "clearInterval('updateClock()')">Stop Clock</button>
<button type="button" onclick="setInterval('updateClock()', 1000)">Start Clock</button>
</body>
</html>
var idForClear = setInterval(updateClock, 1000);
clearInterval(idForClear);
setInterval('updateClock()', 1000);
setInterval(function() { updateClock(); }, 1000);
您需要保存从
setIntervalclearInterval<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
<!--
function init()
{
timeDisplay = document.createTextNode ( "" );
document.getElementById("clock").appendChild ( timeDisplay );
}
function updateClock()
{
var currentTime = new Date ();
var currentHours = currentTime.getHours();
var currentMinutes = currentTime.getMinutes();
var currentSeconds = currentTime.getSeconds();
// Adds zeros if required
currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
// Decides whether AM or PM
var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
// Convert the hours component to 12-hour format if needed
currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
// Convert an hours component of "0" to "12"
currentHours = ( currentHours == 0 ) ? 12 : currentHours;
// Creates the display string
var currentTimeString = currentHours + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;
// Updates the time display
document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}
// -->
</script>
<link rel="stylesheet" type="text/css" href="week9live.css" />
</head>
<body onload="updateClock(); setInterval('updateClock()', 1000 )">
<h1>A live clock in Javascript</h1>
<div>
<p>The time according to your pc is </p> <span id="clock"> </span>
</div>
</br>
<button type ="button" onclick = "clearInterval('updateClock()')">Stop Clock</button>
<button type="button" onclick="setInterval('updateClock()', 1000)">Start Clock</button>
</body>
</html>
var idForClear = setInterval(updateClock, 1000);
clearInterval(idForClear);
setInterval('updateClock()', 1000);
setInterval(function() { updateClock(); }, 1000);
clearIntervalsetIntervalsetInterval(updateClock, 1000);
clearIntervalsetIntervalsetInterval(updateClock, 1000);
clearInterval中setInterval的传递id
请参阅：在clearInterval中传递setInterval的id
请参阅：
clearIntervalsetIntervalclearIntervalsetInterval