Question

这可能不是这个问题的地方，但无论如何都要进行。

我正在尝试更多地了解JS计时器，并且正在使用JS Fiddle来实现此目的。在我的脚本中，我使用的是一个将功能绑定到一些元素的脚本，但是我需要JS Fiddle在页面完全加载之前不执行它，因为它需要初始化所有元素并且可用（请参阅我的小提琴：{ {3}}）。这个小提琴是一个非常粗糙的骨架。

脚本的格式如下：如何在所有其他元素完成后才使JS Fiddle加载它？

$(document).ready(function() {
   var tmr = {
      init: function(){
      },
      somefunct1: function(){
      },
      somefunction2: function(){
      }
    };tmr.init();
});

感谢任何帮助。

Answer 1

document.ready（）是通向好的方式。但是，您的代码还存在其他问题。此功能未正确定义：

function stopTimer {
  clearInterval(timer);
}

应该是：

function stopTimer() {
  clearInterval(timer);
}

此外，未定义startstop.value。什么是startstop假设是什么？

<强>更新

你使用.val（）是不正确的，以及许多其他问题（已修复）：

http://jsfiddle.net/W2b2M/17/

Answer 2

检查这个小提琴：

一个简单的Javascript函数来设置计时器。

$(document).ready(function () {
    var input = 120;

    function calculateTime(timer) {
        var timer = timer;
        var mins = Math.floor(timer / 60);
        var secs = timer % 60;
        var time = (mins < 10 ? "0" : "") + mins + ":" + (secs < 10 ? "0" : "") + secs;
        return time;
    };

    setInterval(function () {
        data = calculateTime(input)
        if (input > 0)
        {
            $("#timer").text(data);
            input--;
        }
        else
        {
            $("#timer").text("Time Out, Njoy Coding in JavaScript")
        }
    }, 1000);
});

http://jsfiddle.net/MUMU1987/sUkjj/

使用JS Fiddle的简单JS计时器

2 个答案: