2个javascript函数冲突？
|
我正在尝试在我的网站中实现Javascript / PHP / AJAX时钟，以便我可以拥有一个可以在不同时区运行的简单时钟（教程位于http://networking.mydesigntool.com/viewtopic.php?tid=373&id = 31）
这本身可以正常工作，但是我已经在页面上运行了一个javascript秒表，并且2似乎发生冲突，并且在秒表运行时时钟不会显示。
这是时钟脚本：
<script type=\"text/javascript\">
function loadTime ()
{
http_request = false;
if(window.XMLHttpRequest)
{
// Mozilla, Safari,...
http_request = new XMLHttpRequest();
if(http_request.overrideMimeType)
{
// set type accordingly to anticipated content type
//http_request.overrideMimeType(\'text/xml\');
http_request.overrideMimeType(\'text/html\');
}
}
else if(window.ActiveXObject)
{ // IE
try
{
http_request = new ActiveXObject(\"Msxml2.XMLHTTP\");
}
catch (e)
{
try
{
http_request = new ActiveXObject(\"Microsoft.XMLHTTP\");
}
catch(e)
{
}
}
}
var parameters = \"time=\";
http_request.onreadystatechange = alertContents;
http_request.open(\'POST\', \'time.php\', true);
http_request.setRequestHeader(\"Content-type\", \"application/x-www-form-urlencoded\");
http_request.setRequestHeader(\"Content-length\", parameters.length);
http_request.setRequestHeader(\"Connection\", \"close\");
http_request.send(parameters);
}
function alertContents()
{
if (http_request.readyState == 4)
{
if (http_request.status == 200)
{
result = http_request.responseText;
document.getElementById(\'clock\').innerHTML = result;
}
}
}
</script>
<body onload=\"setInterval(\'loadTime()\', 200);\">
<script type=\"text/javascript\">
window.onload = function()
{
stopwatch(\'Start\');
}
var sec = 0;
var min = 0;
var hour = 0;
function stopwatch(text) {
sec++;
if (sec == 60) {
sec = 0;
min = min + 1;
} else {
min = min;
}
if (min == 60) {
min = 0;
hour += 1;
}
if (sec<=9) { sec = \"0\" + sec; }
document.clock.stwa.value = ((hour<=9) ? \"0\"+hour : hour) + \" : \" + ((min<=9) ? \"0\" + min : min) + \" : \" + sec;
if (text == \"Start\") { document.clock.theButton.value = \"Stop \"; }
if (text == \"Stop \") { document.clock.theButton.value = \"Start\"; }
if (document.clock.theButton.value == \"Start\") {
window.clearTimeout(SD);
return true;
}
SD=window.setTimeout(\"stopwatch();\", 1000);
}
function resetIt() {
sec = -1;
min = 0;
hour = 0;
if (document.clock.theButton.value == \"Stop \") {
document.clock.theButton.value = \"Start\";
}
window.clearTimeout(SD);
}
</script>
没有找到相关结果
已邀请:
2 个回复
钾涎净介
事件处理程序：因此在脚本中被覆盖：window.onload = function() { stopwatch(\'Start\'); }，以便可以将多个事件处理程序添加到同一事件。 还有两点： 不要将字符串传递给和，只需传递函数本身即可。效率更高，更不易出错：与其编写所有JS代码以与不同的浏览器一起使用，不如使用jQuery，mootools或庞大的其他框架之一。它们使在所有浏览器上正确安装变得容易得多。窃誓额
window.onload += function() { stopwatch(\'Start\'); }