Question

function startTimer() {
  var newyr = new Date("January 1, 2019 00:00:00");
  var newyeartime = newyr.getTime();
  var todaytm = new Date();
  var todaytime = todaytm.getTime();
  var timeleft = newyeartime - todaytime;
  var leftdays = timeleft / 86400000;
  var lefthr = 23 - todaytm.getHours();
  var leftmin = 59 - todaytm.getMinutes();
  var leftsec = 59 - todaytm.getSeconds();
  if (Math.floor(leftdays) <= -1) {
    document.getElementById('scg-nyc-msg').innerHTML = "It's New Year Time, Friends!<br/>Happy New Year 2019";
    return;
  } else {
    document.getElementById('scg-clock-days').innerHTML = scgWrapChars(Math.floor(leftdays), -3);
    document.getElementById('scg-clock-hr').innerHTML = scgWrapChars(lefthr, -2);
    document.getElementById('scg-clock-mins').innerHTML = scgWrapChars(leftmin, -2);
    document.getElementById('scg-clock-secs').innerHTML = scgWrapChars(leftsec, -2);
  }
  setTimeout('startTimer()', 999);
}
startTimer();
document.getElementById('scg-nyc-wrapper');

function scgWrapChars(str, pad) {
  str = (Math.pow(10, Math.abs(pad)) + str.toString()).slice(pad);
  return str.replace(/\w/g, "<span>$&</span>");
}

Answer 1

它不起作用，因为在页面加载和加载时会加载并执行JavaScript。因此，您要使用的DOM对象尚不存在。

您必须做什么？您必须在页面加载后立即运行此代码。您可以通过在body标签中添加onload事件来实现此目的。

<head>
    <title>Odštevanje do Novega Leta</title>
</head>
<body onload="startTimer();">

或者您可以在javascript中这样做

window.onload=function(){
  startTimer();
}

提示：要检查代码是否有问题，请使用浏览器检查器。

我想制作包含css和javascript * .html，* .js和* .css的单独的html文件

1 个答案: