- 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/
我已将重要信息加粗以使其更易于阅读。 我昨天刚刚更新到Xcode 7.3并且一整天都在尝试解决我的问题。对于类(class),我们用 C 编程 并使用 SVN 修改我们所有的文件以创建我们的项目。我使
在互联网上进行了一些挖掘之后,我无法找到一个很好的答案来说明我可以将哪些字符用于 URL 片段。我正在编写一个 javascript 脚本,它将利用 URL 片段。 我想让 URL 看起来不那么复杂,
我正在尝试在分段文件(styp)的 mp4 容器中定位 h264 帧。对于分割,我目前使用 MP4Box dash。我使用 MP4Box 解析器,我注意到在每个关键帧(IDR)中样本的大小与原始文件中
我想要一个自定义片段动画,以便它们淡入右/淡入左,然后在短暂延迟后淡出。假定所有片段都具有类 .visible 和 .current-fragment。我以为我可以在短暂的延迟后删除类 .visibl
有没有人看到过在 C# 中自动调平图像的任何好的片段? 最佳答案 参见 http://code.google.com/p/aforge/ 关于C# Autolevel 片段?,我们在Stack O
如何检索 View 所属的 Fragment/sap.ui.core.Control? BR 克里斯 最佳答案 如果您的控件的标识符包含 View 的标识符(如果您使用的是 XML View ,则类似
我试图了解这个函数的作用。任何人都可以向我解释这一点吗? function newInstance (class) local o = {} setmetatable (o, clas
简介 根据 this documentation可以指定依赖项,包括每个包的版本,如下所示: 问题 需要应用哪个 Nuspec 片段才能安装依赖项的最新版本? 最佳答案 不幸的是,您无法
我有一个 Gatsby 项目,它对两种不同类型的内容进行了非常相似的 GraphQL 查询:常规页面和 wiki 文章。 按蛞蝓 页 export const query = graphql` q
我遇到了以下教程 JSP tricks to make templating easier?用于使用 JSP 创建页面模板(我怎么这么久都没有想到这个?!?)。但是,在进行了一些搜索之后,我似乎无法弄
我是 Django 的新手,我试图找出如何将 HTML 片段与模型相关联。 我的 HTML 片段只是一个 div。我想重用那个 div(你可以把它想象成一个缩略图) 情况是这样的:在我的主页中,我想显
我经常使用 vim,但我的工作流程通常迫使我与其他 IDE 交互,所以我不是一个像上帝一样的 vim super 用户,我也不想很快成为。 Vim 不是我的 IDE,我也不希望它是。这是一款快速轻便的
我刚刚了解到一个关于在抛出错误时执行 Javascript 的重要事实。在我开始对此下结论之前,我最好验证一下我是否正确。 给定一个包含 2 个脚本的 HTML 页面: 脚本1: doSometh
我是在Chrome片段中编写的: let myVar = someValue; 当我尝试第二次运行它时,它说该变量已被声明并在第一行引发错误。 错误是: Uncaught SyntaxError: I
我想要两个像素着色器;首先要做一件事,然后再做其他事情。这是可能的,还是我必须将所有内容打包到一个着色器中? 最佳答案 您可以这样做,例如通过从主入口点对在各种着色器对象中实现的函数进行函数调用。 m
我正在尝试检查汽车前面是否有任何障碍物。假设汽车在位置“2”。我的目标是检查位置“3”处是否有障碍物。 可能没有明确的障碍事实,这意味着在特定位置没有障碍。我检查使用是否存在有条件。但是在规则 r6
我想在文本区域内编写一个 JavaScript,而不运行 JavaScript。显示为一些可复制的文本。 我使用 jquery 同时插入文本区域和代码片段: $("#copy-snippet-cont
有人可以解释以下 htacess 行,我理解部分内容,但想要更深入的知识。作为注释,我假设它按预期工作,这目前还没有上线,我只是在阅读一些工作簿,这是打印的。 // Don't understand
就目前情况而言,这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放,visit
我目前正在尝试使用 Jquery 根据下拉列表的值附加音频标签 html 列表。主要问题是,当选择值更改时,empty() 和append() 方法根本不会将html 注入(inject)到播放列表d
我是一名优秀的程序员,十分优秀!