Итак, когда я запускаю скрипт, он отображает [объект HTMLDivElement] вместо назначенного var i. Странно то, что я сделал тот же код на другом «index.html», и это действительно сработало. Поэтому я думаю, что это что-то в CSS или HTML, но я не могу понять, что это такое.«[object HTMLDivElement]» не возвращает мой var
Редактировать: Вот ссылка для печати того, что происходит. https://www.dropbox.com/s/1m7drbg4mzsxbtg/Screenshot%20%2815%29.png?dl=0
var timer, s, m, h;
\t s = 5;
\t m = 25;
\t h = 11;
function timer() {
\t timer = setInterval(startTimer ,1000);
}
function startTimer() {
\t s++ ;
\t if (s == 60) {
\t \t s = 0;
\t \t m++;
\t }
\t if (m == 60) {
\t \t m = 0;
\t \t h++;
\t }
\t document.getElementById('seconds').innerHTML = s;
\t document.getElementById('minutes').innerHTML = m + ":";
\t document.getElementById('hours').innerHTML = h + ":";
}
\t
button {
\t padding: 0;
\t border: none;
\t background: none;
}
#teste {
\t font-size: 200;
}
#teste2 {
\t font-size: 25;
}
.container {
\t width: 1024px;
\t height: 768px;
\t background-color: yellow;
\t position:relative;
\t float:left;
\t font-family: Courier New;
}
\t .menu {
\t \t width: 1024px;
\t \t height: 100px;
\t \t background-color: black;
\t \t position:relative;
\t \t float:left;
}
\t \t .despertador {
\t \t \t width: 256;
\t \t \t height: 100;
\t \t \t background-color: gray;
\t \t \t position:relative;
\t \t \t float:left;
}
\t \t .relogio {
\t \t \t width: 256;
\t \t \t height: 100;
\t \t \t background-color: black;
\t \t \t position:relative;
\t \t \t float:left;
}
\t \t .temporizador {
\t \t \t width: 256;
\t \t \t height: 100;
\t \t \t background-color: black;
\t \t \t position:relative;
\t \t \t float:left;
}
\t \t .cronometro {
\t \t \t width: 256;
\t \t \t height: 100;
\t \t \t background-color: black;
\t \t \t position:relative;
\t \t \t float:left;
}
\t .linha {
\t \t width: 1024;
\t \t height: 2px;
\t \t background-color: white;
\t \t position:relative;
\t \t float:left;
\t }
\t
\t .linha2 {
\t \t width: 800;
\t \t height: 1px;
\t \t background-color: white;
\t \t position:relative;
\t \t float:left;
\t }
\t .content {
\t \t width: 1024px;
\t \t height: 648;
\t \t background-color: #333333;
\t \t position:relative;
\t \t float:left;
}
\t \t #despertador2 {
\t \t \t width: 1024px;
\t \t \t height: 648;
\t \t \t background-color: #333333;
\t \t \t position:relative;
\t \t \t float:left;
\t \t }
\t \t \t .firstHalf {
\t \t \t \t width: 1024;
\t \t \t \t height: 275;
\t \t \t \t position:relative;
\t \t \t \t float:left;
\t \t \t }
\t \t \t
\t \t \t .secondHalf {
\t \t \t \t width: 1024;
\t \t \t \t height: 374;
\t \t \t \t position:relative;
\t \t \t \t float:left;
\t \t \t }
\t \t
\t \t #relogio2 {
\t \t \t width: 1024px;
\t \t \t height: 648;
\t \t \t background-color: #333333;
\t \t \t position:relative;
\t \t \t float:left;
\t \t \t display: none;
\t \t }
\t \t
\t \t #temporizador2 {
\t \t \t width: 1024px;
\t \t \t height: 648;
\t \t \t background-color: #333333;
\t \t \t position:relative;
\t \t \t float:left;
\t \t \t display: none;
\t \t }
\t \t
\t \t #cronometro2 {
\t \t \t width: 1024px;
\t \t \t height: 648;
\t \t \t background-color: #333333;
\t \t \t position:relative;
\t \t \t float:left;
\t \t \t display: none;
\t \t }
\t \t \t
<html>
\t <head>
\t \t <script src="js/menu.js"></script>
\t \t <script src="js/relogio.js"></script>
\t \t <link rel="stylesheet" type="text/css" href="css/estilo.css">
\t </head>
\t <body>
\t \t <div class="container">
\t \t \t <div class="menu">
\t \t \t \t <div class="despertador" id="despertador">
\t \t \t \t \t <button onclick="despertadorButton()"><img src="imagems/despertador1.png" width="256" height="100"></button>
\t \t \t \t </div>
\t \t \t \t <div class="relogio" id="relogio">
\t \t \t \t \t <button onclick="relogioButton()"><img src="imagems/relogio1.png" width="256" height="100"></button>
\t \t \t \t </div>
\t \t \t \t <div class="temporizador" id="temporizador">
\t \t \t \t \t <button onclick="temporizadorButton()"><img src="imagems/temporizador1.png" width="256" height="100"></button>
\t \t \t \t </div>
\t \t \t \t <div class="cronometro" id="cronometro">
\t \t \t \t \t <button onclick="cronometroButton()"><img src="imagems/cronometro1.png" width="256" height="100"></button>
\t \t \t \t </div>
\t \t \t </div>
\t \t \t <div class="linha">
\t \t \t </div>
\t \t \t <div class="content">
\t \t \t \t <div Id="despertador2">
\t \t \t \t \t <div class="firstHalf">
\t \t \t \t \t \t <font id="teste">04:20</font><br>
\t \t \t \t \t \t <font id="teste2"> Quinta feira, 22 de outubro</font>
\t \t \t \t \t </div>
\t \t \t \t \t <div class="linha2">
\t \t \t \t \t
\t \t \t \t \t </div>
\t \t \t \t \t <div class="secondHalf">
\t \t \t \t \t
\t \t \t \t \t </div>
\t \t \t \t </div>
\t \t \t \t <div Id="relogio2">
\t \t \t \t \t <button onclick="timer()">start</button>
\t \t \t \t \t <img src="imagems/circleClock.png">
\t \t \t \t \t <font id="hours">Horas</font>
\t \t \t \t \t <font id="minutes">Minutos</font>
\t \t \t \t \t <font id="seconds">Segundos</font>
\t \t \t \t </div>
\t \t \t \t <div id="temporizador2">
\t \t \t \t
\t \t \t \t </div>
\t \t \t \t <div Id="cronometro2">
\t \t \t \t
\t \t \t \t </div>
\t \t \t </div>
\t \t </div>
\t </body>
</html>
Вы не указали код, создавший ошибку '[object HTMLDivElement] ....' –
Это ваш точный код, и он отлично работает: http://jsfiddle.net/seqwqfk7/ –
Да, я сделал ! Этот код дает указанную ошибку ... Я попытаюсь отправить печать. –