997 次浏览
在本教程中,我们将学习如何在 JavaScript 中将 3 位数颜色代码转换为 6 位数颜色代码。基本上,三位数颜色代码以 #RGB 格式表示颜色的三位数值。要将 3 位数十六进制颜色转换为 6 位数,我们只需将三位数的每个元素都复制一遍即可。简单来说,复制三位数颜色代码将得到一个十六进制数,其值与三位数颜色代码的值相同。3 位数值:#RGB 将以 6 位数颜色代码的形式写成 #RRGGBB。例如,3 位数值:#08c 6 位数颜色代码:... 阅读更多
3K+ 次浏览
在本教程中,我们将借助 HTML 和 CSS 设计一个模拟时钟,并使用 JavaScript 使其工作,它将以小时、分钟和秒的格式显示当前时间。方法我们将使用 Date 对象,并通过一些计算来显示小时、分钟和秒。我们将从 JavaScript 对象 Date() 获取系统时间,此对象具有 getHours()、getSecond() 和 getMinutes() 等函数。获取小时、分钟和秒格式后,我们将将其应用于所有三个指针(时针、分针和秒针)的旋转变换。模拟时钟通过其三个不断移动的指针显示时间…… 阅读更多
4K+ 次浏览
在本教程中,我们将使用不同的方法在 JavaScript 中交换两个数组元素。例如,我们将交换数组的第一个和第二个元素,如下所示:输入 −["first", "second", "third", "fourth", "fifth"] 输出 −["second", "first", "third", "fourth", "fifth"]在这里,我们交换了数组的“first”和“second”值。现在,我们将看看交换两个元素的不同方法 −使用额外变量使用 Array Splice() 方法使用解构方法 1:使用额外变量在这种方法中,我们将借助一个名为“temp”的额外变量,然后执行以下操作:我们将第一个元素复制到 temp。将第二个元素的值复制到… 阅读更多
2K+ 次浏览
在本教程中,我们将使用 HTML、CSS 和 JavaScript 构建一个项目,该项目将从 API (type.fit) 生成一个随机引言。步骤我们将遵循一些基本步骤 −创建 HTML 元素和模板使用 CSS 添加样式JavaScript 逻辑创建 HTML 元素和模板第一步是创建 HTML 元素和模板。我们首先添加一个显示项目的框,然后添加一个按钮,当单击按钮时,它将在框中显示一个新的随机引言,然后使用 span 标签显示引言符号类型的字体真棒… 阅读更多
9K+ 次浏览
在本教程中,我们将学习多种方法来从 JavaScript 数组创建 HTML 列表。如果我们谈论简单的 HTML 列表,那么我们将使用 ul(无序列表)手动逐个创建所有列表,并在其中使用 li(列表)标签。考虑一种情况,您将拥有 n 个项目,并且您必须将其打印在列表中,那么手动编写所有项目并打印将是一项非常繁琐的任务,对吧?然后,使用 JavaScript 迭代方法可以轻松完成此操作。让我们看看在 JavaScript 中创建… 阅读更多
572 次浏览
在本教程中,我们将检查两个数字是否近似相等。如果给定的两个数字相等,我们将打印 yes,否则打印 no。但是让我明确一点,我们在这里不会做任何神奇的事情,基本上我们还需要给出一个 epsilon 值。因此,当我们计算这两个数字之间的绝对差,然后与 epsilon 进行比较时,如果绝对差小于 epsilon,则这两个数字近似相等,否则近似不相等。假设给定的两个数字是 6.79 和 6.75,并且… 阅读更多
148 次浏览
concat() 方法组合两个字符串的基本操作是连接。字符串组合是编程中一个必要的组成部分。在我们讨论“JavaScript 中的字符串连接”之前,我们需要首先弄清楚基本原理。当解释器执行操作时,会生成一个新的字符串。为了创建一个新的字符串,concat() 方法将调用字符串和字符串参数连接起来。初始字符串和返回的字符串不会受到对任一字符串的更改的影响。连接时,字符串值首先从不是字符串类型的参数转换。语法以下是语法… 阅读更多
895 次浏览
在本文中,我们将检查对象的构造函数是否是 JavaScript 对象。任何 JavaScript 变量的 constructor 属性都会返回对创建实例对象的 Object 构造函数的引用。此属性的值是对函数本身的引用。所有对象都具有 constructor 属性,而没有构造函数创建的对象将具有一个 constructor 属性,该属性指向该对象的 Fundamental Object 构造函数类型。要检查提供的值得构造函数是否是由对象构造函数创建的对象,我们需要比较该值… 阅读更多
1K+ 次浏览
在本教程中,我们将检查页面的底部部分是否对用户可见。我们可以使用窗口的高度和已滚动窗口的高度来实现此功能。要编写此代码,我们需要了解 JavaScript 的三种方法,如下所示:scrollY − 它是窗口的只读属性,并返回文档垂直滚动的像素数。window.scrollYscrollHeight −它是 HTML DOM 元素和窗口的只读属性。它返回元素内容的高度,包括不可见的内容… 阅读更多
本文将介绍如何使用 JavaScript 中的事件监听器和 Promise 来随时暂停和播放循环。循环的暂停和播放是指在 for 循环运行过程中,我们希望在循环中的任何位置暂停,或者再次播放它。事件监听器可以附加到任何元素上,以控制事件如何对冒泡做出反应。它将事件处理程序附加到元素上。语法以下是事件监听器的语法:element.addEventListener(event, function, useCapture);参数event − 事件名称……阅读更多