两个JavaScript不能一起运行

Question

I have two javascript in one html but they don't running together however separately yes. 我在一个html中有两个javascript，但是它们没有一起运行，但是分别运行是。 Maybe anyone knows why? 也许有人知道为什么？ What is the problem? 问题是什么？ Thank you! 谢谢！

First javascript: This is a clock. 第一个javascript：这是一个时钟。

    <span style='position:absolute;z-index:1;
    left:484px;top:440px;font-family: arial; font-weight: bold;font-size: 65';
    <div id="txt"></div></span>
<body onload="startTime()">


<script>
function startTime() {
    var today = new Date();
    var h = today.getUTCHours();
    var m = today.getMinutes();
    var s = today.getSeconds();
    m = checkTime(m);
    s = checkTime(s);
    document.getElementById('txt').innerHTML =
    h + ":" + m + ":" + s;
    var t = setTimeout(startTime, 500);
}
function checkTime(i) {
    if (i < 10) {i = "0" + i};
    return i;
}
</script>

Second javascript: This is a blinking image. 第二个javascript：这是一个闪烁的图像。

<script>
var tId, images = [],
  isBlinking = false;
currImg = 0,

images[0] = new Image(); images[0].src = "a.gif";
images[1] = new Image(); images[1].src = "b.gif";
images[2] = new Image(); images[2].src = "c.gif";

window.onload = function() {
  var img = document.getElementById("ID");

  img.onclick = function() {
    if (isBlinking) {
      clearInterval(tId);
      isBlinking = false;
      currImg = currImg == 0 ? 1 : 0;
      img.src = images[currImg].src;

    } else {
      isBlinking = true;
      tId = setInterval(function() {
        var src = document.getElementById("ID").src;
        // blink
        document.getElementById("ID").src = src == images[currImg].src ? images[2].src : images[currImg].src;
      }, 300);
    }

  }
}
</script>
<img id="ID" src="a.gif" />

Answer 1

See changes below. 请参阅下面的更改。 Do a file compare. 做一个文件比较。

<span style='position:absolute;z-index:1;
left:484px;top:440px;font-family: arial; font-weight: bold;font-size: 65'>
</span>
<div id="txt"></div>
<img id="ID" src="a.gif" />

<script>

    startTime();

    function startTime() {
        var today = new Date();
        var h = today.getUTCHours();
        var m = today.getMinutes();
        var s = today.getSeconds();
        m = checkTime(m);
        s = checkTime(s);
        document.getElementById('txt').innerHTML =
            h + ":" + m + ":" + s;
        var t = setTimeout(startTime, 500);
    }
    function checkTime(i) {
        if (i < 10) { i = "0" + i };
        return i;
    }
</script>

<script>
    var tId, images = [],
    isBlinking = false;
    currImg = 0,

    images[0] = new Image(); images[0].src = "a.gif";
    images[1] = new Image(); images[1].src = "b.gif";
    images[2] = new Image(); images[2].src = "c.gif";

    window.onload = function () {
        var img = document.getElementById("ID");

        img.onclick = function () {
            if (isBlinking) {
                clearInterval(tId);
                isBlinking = false;
                currImg = currImg == 0 ? 1 : 0;
                img.src = images[currImg].src;

            } else {
                isBlinking = true;
                tId = setInterval(function () {
                    var src = document.getElementById("ID").src;
                    // blink
                    document.getElementById("ID").src = src == images[currImg].src ? images[2].src : images[currImg].src;
                }, 300);
            }

        }
    }
</script>

Answer 2

try this way window.onload = startTime; 尝试这种方式window.onload = startTime;

 var tId, images = [], isBlinking = false; currImg = 0, images[0] = new Image(); images[0].src = "a.gif"; images[1] = new Image(); images[1].src = "b.gif"; images[2] = new Image(); images[2].src = "c.gif"; var img = document.getElementById("ID"); img.onclick = function () { if (isBlinking) { clearInterval(tId); isBlinking = false; currImg = currImg == 0 ? 1 : 0; img.src = images[currImg].src; } else { isBlinking = true; tId = setInterval(function () { var src = document.getElementById("ID").src; // blink document.getElementById("ID").src = src == images[currImg].src ? images[2].src : images[currImg].src; }, 300); } } function startTime() { var today = new Date(); var h = today.getUTCHours(); var m = today.getMinutes(); var s = today.getSeconds(); m = checkTime(m); s = checkTime(s); document.getElementById('txt').innerHTML = h + ":" + m + ":" + s; var t = setTimeout(startTime, 500); } function checkTime(i) { if (i < 10) { i = "0" + i }; return i; } window.onload = startTime;

 <div id="txt"></div> <img id="ID" src="a.gif" />

两个JavaScript不能一起运行

问题描述

2 个解决方案

解决方案1
1 已采纳 2018-07-23 12:18:48

解决方案2
0 2018-07-23 12:24:59

两个JavaScript不能一起运行

问题描述

2 个解决方案

解决方案1 1 已采纳 2018-07-23 12:18:48

解决方案2 0 2018-07-23 12:24:59

解决方案1
1 已采纳 2018-07-23 12:18:48

解决方案2
0 2018-07-23 12:24:59