简单的JS定时器使用JS提琴

Simple JS timer using JS Fiddle

本文关键字:JS 提琴 定时器 简单      更新时间:2023-09-26

这可能不是问这个问题的地方,但无论如何还是要问。

我正试图了解更多关于JS定时器和我使用JS提琴为此目的。在我的脚本中,我使用一个将功能绑定到几个元素的脚本,但我需要JS Fiddle不执行它,直到页面完全加载,因为它需要初始化所有元素和可用(见我的小提琴:http://jsfiddle.net/radi8/W2b2M/4/)。这小提琴的骨架很粗糙。

脚本格式如下:我怎样才能使JS提琴只加载这个后,所有其他元素完成?

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

document.ready()是一种好的方法。但是,您的代码还存在其他问题。这个函数没有正确定义:

function stopTimer {
  clearInterval(timer);
}
应:

function stopTimer() {
  clearInterval(timer);
}

,起止。值未定义。startstop应该是什么?

.val()的使用是不正确的,并且许多其他问题(已修复):

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

检查此提琴:

一个简单的设置定时器的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/