使用 onClick 调用 Javascript 函数
Calling a Javascript function with onClick
谁能告诉我为什么这个计时器:
function timer() {
var counter = 0,
cDisplay = document.getElementById("counter");
format = function(t) {
var hours = Math.floor(t/360000),
minutes = Math.floor( (t/6000) % 60),
seconds = Math.floor( (t/100) % 60),
ms = (Math.floor(t % 100)/100).toFixed(2);
if (t<6000) {
cDisplay.innerHTML = seconds + ms.substring(1);
} else if (t<360000) {
seconds = (seconds < 10) ? "0" + seconds.toString() : seconds.toString();
cDisplay.innerHTML = minutes + ":" + seconds + ms.substring(1);
} else {
minutes = (minutes < 10) ? "0" + minutes.toString() : minutes.toString();
seconds = (seconds < 10) ? "0" + seconds.toString() : seconds.toString();
cDisplay.innerHTML = hours + ":" + minutes + ":" + seconds + ms.substring(1);
}
};
setInterval(function() {
counter++;
format(counter);
},10);
}
当我单击此标签时不会启动:
<label onClick="timer()" id="counter">Start Timer</label>
我可以通过在整个函数周围抛出括号并在末尾打一个分号来使其自动加载,如下所示:
http://jsfiddle.net/UHjas/
但我无法弄清楚为什么它不会加载 onClick="timer(("。我觉得我错过了非常明显的东西,但我就是看不到它
它正在工作。
将 jsfiddle 包含脚本的方式从onLoad
更改为No wrap - in <head>
演示:http://jsfiddle.net/UHjas/3/
基本上timer()
不在全局范围内(检查jsfiddle iframe源代码(
这是因为
您在 load
事件中定义了函数,因此它仅在该范围内可用。
将设置更改为No wrap - in <head>
以在全局范围内定义函数。
http://jsfiddle.net/UHjas/1/
相关文章:
- 从函数JavaScript返回不可变数组/对象
- 将对象传递给函数.JavaScript
- 如何定义const函数javascript(语法糖)
- 新的日期函数javascript
- TypeError:this.getAttribute不是一个函数-javascript
- 从函数javascript发送变量
- 扩展自容器函数Javascript
- 从内部函数javascript内部分配外部函数的对象
- 使用函数JavaScript中的函数
- 在这里使用回调函数(JavaScript)有什么好处吗
- 来自函数 Javascript 的 NaN 返回值 ||函数执行顺序
- 将“e”传递给一个新函数 - javascript
- 调用函数中的一个函数——Javascript
- 传递的变量不适用于我的函数-Javascript
- 如何将类方法设置为等于多个函数?-Javascript
- 显示php中的函数javascript
- 如何使用php代码创建函数Javascript弹出框
- 未调用的外部函数-javascript
- 如何在类中运行函数.Javascript
- 关闭mouseover上的一个函数——Javascript,jQuery