php - 2个javascript函数冲突?

原文 标签 php javascript ajax time clock

我正在尝试在我的网站中实现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>


有人可以帮我让他们并肩工作吗?

谢谢你的帮助

最佳答案

首先,您要在HTML中声明一个onload事件处理程序:

<body onload="setInterval('loadTime()', 200);">


因此,该脚本已被覆盖:

window.onload = function()
{
    stopwatch('Start');
}


这意味着永远不会执行原始的onload调用。

您应该尝试使用addEventListener,以便可以将多个事件处理程序添加到同一事件。

还有两点:


不要将字符串传递给setIntervalsetTimeout,只需传递函数本身即可。效率更高,更不易出错:setInterval(loadTime, 200);
与其编写所有JS代码以与不同的浏览器一起使用,不如使用jQuery,mootools或庞大的其他框架之一。它们使在所有浏览器上正确安装变得容易得多。

关于php - 2个javascript函数冲突?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5647849/

相关文章:

javascript - 具有透明背景的悬停,悬停和.png图片

ajax - Tastypie —如何使obj_create将新创建的实体发送回去?

jquery - reCaptcha不可见,欧芹和Ajax形式

php - DOMDocument 无法更改 parentNode

php - 在 PHP 中存储复杂的 XML 值

php - MySQL可在控制台中使用,但不适用于PHP的mysqli-> query()函数

javascript - 如何在单击按钮时打开Modal弹出窗口

javascript - Access-Control-Allow-Origin 不从 PHP 发送

javascript - FormData 在数组中追加项目

php - 根据条件在html表中列出一行