- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在以下函数中,如果我删除“.prototype”部分,函数将停止工作。
imageClock.display.prototype.update = function() {
var dateObj = new Date();
var currentTime = dateObj.getHours() + ":" + dateObj.getMinutes() + ":" + dateObj.getSeconds();
var currentTimeHTML = imageClock.imageHTML(currentTime) + '<img src="' + ((dateObj.getHours() >=12) ? imageClock.digits[11] : imageClock.digits[10]) + '" />';
document.getElementById(this.spanId).innerHTML = currentTimeHTML;
}
我不明白的是我没有将原型(prototype)框架用作我的代码的一部分。我的 html 文件链接到的唯一文件是包含此代码的 javascript 文件。 (下面的完整代码;文件的名称是 clock3.js,位于名为“javascript”的文件夹中,这是我的 html 文件指向/链接到的唯一 javascript 文件。)
var imageClock = new Object();
imageClock.digits = ["images/clock/0.gif", "images/clock/1.gif", "images/clock/2.gif", "images/clock/3.gif", "images/clock/4.gif", "images/clock/5.gif", "images/clock/6.gif", "images/clock/7.gif", "images/clock/8.gif", "images/clock/9.gif", "images/clock/am.gif", "images/clock/pm.gif", "images/clock/colon.gif"];
imageClock.instances = 0;
var preLoadImages = [];
// preloads javascript images
for (var i = 0; i < imageClock.digits.length; i++) {
preLoadImages[i] = new Image();
preLoadImages[i].src = imageClock.digits[i];
}
imageClock.imageHTML = function(timeString) {
var sections = timeString.split(":");
// makes the hour digit either 12pm or 1pm depending on what time it is so that 0am or 13pm doesn't appear
if (sections[0] == "0") {
sections[0] = "12";
} else if (sections[0] >= 13) {
sections[0] = sections[0] - 12 + "";
}
for (var i = 0; i < sections.length; i++) {
if (sections[i].length == 1) {
sections[i] = '<img src="' + imageClock.digits[0] + '" />' + '<img src="' + imageClock.digits[parseInt(sections[i])] + '" />';
} else {
sections[i] = '<img src="' + imageClock.digits[parseInt(sections[i].charAt(0))] + '" />' + '<img src="' + imageClock.digits[parseInt(sections[i].charAt(1))] + '" />';
}
}
// section[0] indicates hours, the image tag is the colons, sections[1] indicates the second part which is the minutes, and sections[2] indicates seconds. delete sections[2] and the seconds part of the clock will disappear.
return sections[0] + '<img src="' + imageClock.digits[12] + '" />' + sections[1] + '<img src="' + imageClock.digits[12] + '" />' + sections[2];
}
imageClock.display = function() {
var clockInstance = this;
this.spanid = "clockSpan" + (imageClock.instances++);
document.write('<span id = "' + this.spanId + '"></span>');
this.update();
setInterval(function() {clockInstance.update()}, 1000);
}
imageClock.display.prototype.update = function() {
var dateObj = new Date();
var currentTime = dateObj.getHours() + ":" + dateObj.getMinutes() + ":" + dateObj.getSeconds();
var currentTimeHTML = imageClock.imageHTML(currentTime) + '<img src="' + ((dateObj.getHours() >=12) ? imageClock.digits[11] : imageClock.digits[10]) + '" />';
document.getElementById(this.spanId).innerHTML = currentTimeHTML;
}
使用这段javascript代码显示一个简单时钟的html文件如下
<html>
<head>
<script type="text/javascript" src="javascript/clock3.js"></script>
<title>Javascript Clock</title>
</head>
<body>
<h1>The Current Time:</h1>
<p><script type="text/javascript">new imageClock.display();</script></p>
</body>
</html>
如您所见,我没有包含原型(prototype)框架,我不明白为什么当我取出“.prototype”部分时代码停止工作
最佳答案
“原型(prototype)”一词在 Javascript 世界中至少以两种有趣的方式使用:
Function 实例的“原型(prototype)”属性就是这里涉及的内容。它与 Prototype 框架没有任何关系。
当您的代码将属性添加到 Function 实例的“原型(prototype)”对象(此处为“显示”函数,它本身由“imageClock”对象的属性引用)时,它确保对象实例由呼唤
new imageClock.display(/* whatever */)
都将具有可用的“更新”功能(根据您的代码)。您的代码在该计时器处理程序中使用该事实。
关于javascript - 为什么取出代码片段 '.prototype' 会导致我的 javascript 在这里不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4652744/
我正在尝试使用 Spark 从 Cassandra 读取数据。 DataFrame rdf = sqlContext.read().option("keyspace", "readypulse
这是代码: void i_log_ (int error, const char * file, int line, const char * fmt, ...) { /* Get erro
我必须调试一个严重依赖 Gtk 的程序。问题是由于某些原因,在使用 GtkWindow 对象时开始出现许多运行时警告。问题是,即使 Gtk 提示严重错误,它也不会因这些错误而中止。我没有代码库的更改历
我正在尝试从已有效编译和链接的程序中检索二进制文件。我已经通过 GL_PROGRAM_BINARY_LENGTH 收到了它的长度。该文档说有两个实例可能会发生 GL_INVALID_OPERATION
我有一个托管在 Azure 环境中的服务。我正在使用控制台应用程序使用该服务。这样做时,我得到了异常: "The requested service, 'http://xxxx-d.yyyy.be/S
我有以下代码,它被 SEGV 信号杀死。使用调试器表明它被 main() 中的第一个 sem_init() 杀死。如果我注释掉第一个 sem_init() ,第二个会导致同样的问题。我试图弄清楚是什么
目前我正在编写一个应用程序(目标 iOS 6,启用 ARC),它使用 JSON 进行数据传输,使用核心数据进行持久存储。 JSON 数据由 PHP 脚本通过 json_encode 从 MySQL 数
我对 Xamarin.Forms 还是很陌生。我在出现的主页上有一个非常简单的功能 async public Task BaseAppearing() { if (UserID
这是我的代码的简化版本。 public class MainActivity extends ActionBarActivity { private ArrayList entry = new Arr
我想弄明白为什么我的两个 Java 库很难很好地协同工作。这是场景: 库 1 有一个类 A,其构造函数如下: public A(Object obj) { /* boilerplate */ } 在以
如果网站不需要身份验证,我的代码可以正常工作,如果需要,则在打印“已创建凭据”后会立即出现 EXC_BAD_ACCESS 错误。我不会发布任何内容,并且此代码是直接从文档中复制的 - 知道出了什么问题
我在使用 NSArray 填充 UITableView 时遇到问题。我确信我正在做一些愚蠢的事情,但我无法弄清楚。当我尝试进行简单的计数时,我得到了 EXC_BAD_ACCESS,我知道这是因为我试图
我在 UITableViewCell 上有一个 UITextField,在另一个单元格上有一个按钮。 我单击 UITextField(出现键盘)。 UITextField 调用了以下方法: - (BO
我有一个应用程序出现间歇性崩溃。崩溃日志显示了一个堆栈跟踪,这对我来说很难破译,因此希望其他人看到了这一点并能为我指出正确的方向。 基本上,应用程序在启动时执行反向地理编码请求,以在标签中显示用户的位
我开发了一个 CGImage,当程序使用以下命令将其显示在屏幕上时它工作正常: [output_view.layer performSelectorOnMainThread:@selector(set
我正在使用新的 EncryptedSharedPreferences以谷歌推荐的方式上课: private fun securePrefs(context: Context): SharedPrefe
我有一个中继器,里面有一些控件,其中一个是文本框。我正在尝试使用 jquery 获取文本框,我的代码如下所示: $("#").click(function (event) {}); 但我总是得到 nu
在以下场景中观察到 TTS 初始化错误,太随机了。 已安装 TTS 引擎,存在语音集,并且可以从辅助功能选项中播放示例 tts。 TTS 初始化在之前初始化和播放的同一设备上随机失败。 在不同的设备(
maven pom.xml org.openjdk.jol jol-core 0.10 Java 类: public class MyObjectData { pr
在不担心冲突的情况下,可以使用 MD5 作为哈希值,字符串长度最多为多少? 这可能是通过为特定字符集中的每个可能的字符串生成 MD5 哈希来计算的,长度不断增加,直到哈希第二次出现(冲突)。没有冲突的
我是一名优秀的程序员,十分优秀!