代码之家 › 专栏 › 技术社区 › Arthur Yakovlev

函数未从正文页调用

jquery javascript

Arthur Yakovlev · 技术社区 · 6 年前

我有一个文件主目录。js。具有2个功能

function clockDown(scs,ids){
    var countdownTimer = setInterval(function(){
        $(".trf_"+ids).html(timer(scs));
        scs--;
    }, 1000);
}
function timer(seconds){
    var seconds = seconds;
    var days        = Math.floor(seconds/24/60/60);
    var hoursLeft   = Math.floor((seconds) - (days*86400));
    var hours       = Math.floor(hoursLeft/3600);
    var minutesLeft = Math.floor((hoursLeft) - (hours*3600));
    var minutes     = Math.floor(minutesLeft/60);
    var remainingSeconds = seconds % 60;
    if (remainingSeconds < 10) {
        remainingSeconds = "0" + remainingSeconds; 
    }
    return (days + ":" + hours + ":" + minutes + ":" + remainingSeconds);
    if (seconds == 0) {
        return ("Completed");
    } else {
        seconds--;
    }
}

我在页面底部包含此文件。在页面中间,我尝试调用函数,但结果为零

<li>
<script type="text/javacsript">$(document).ready(function(){  clockDown($timeLeft,$PostCoinJoinedItemsId);  });</script>
</li>

我做错了什么? 但在main中调用函数。js运行良好

1 回复 | 直到 6 年前

Cuong Vu 6 年前

我已经测试过了,效果很好。你有错别字

type="text/javacsript"

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <title>Document</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
  <div class="trf_"></div>
  <li>
    <script type="text/javascript">
      $(document).ready(function () {
        clockDown(10, '');
      });
    </script>
  </li>
  <script>

    function clockDown(scs, ids) {
      var countdownTimer = setInterval(function () {
        $(".trf_" + ids).html(timer(scs));
        scs--;
      }, 1000);
    }
    function timer(seconds) {
      var seconds = seconds;
      var days = Math.floor(seconds / 24 / 60 / 60);
      var hoursLeft = Math.floor((seconds) - (days * 86400));
      var hours = Math.floor(hoursLeft / 3600);
      var minutesLeft = Math.floor((hoursLeft) - (hours * 3600));
      var minutes = Math.floor(minutesLeft / 60);
      var remainingSeconds = seconds % 60;
      if (remainingSeconds < 10) {
        remainingSeconds = "0" + remainingSeconds;
      }
      return (days + ":" + hours + ":" + minutes + ":" + remainingSeconds);
      if (seconds == 0) {
        return ("Completed");
      } else {
        seconds--;
      }
    }
  </script>
</body>

</html>