打印JS代码运行时间

原创已于 2024-02-28 13:07:24 修改 · 1.3k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2023-12-21 16:29:06 首次发布

API 同时被 2 个专栏收录

22 篇文章

订阅专栏

BOM

8 篇文章

订阅专栏

文章目录

一、打印代码运行时间
二、防重复调用

一、打印代码运行时间

console.time('timeFlag');
document.write('Hello my friend');	// 简单示例
console.timeEnd('timeFlag');

二、防重复调用

路由切换时，可能导致 time 被多次创建。
防止重复创建，可以在console.time(‘timeFlag’); 之前添加 clear 事件。

console.clear();

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

然后他就拿棍子来打我

关注关注

8
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

将当前时间打印到浏览器上

jiajunpo的博客

09-23

619

因为年份是从1900年开始所以要+1900。把代码拼接起来然后输出。月份是从0开始要+1。

前端小知识：控制台打印（console）- 模拟Java日志打印、表格形式打印美化输出对象、代码运行时间统计

weixin_39651356的博客

12-24

6152

前端小知识：控制台打印（console）：模拟Java日志打印、表格形式打印美化输出对象、代码运行时间统计

参与评论您还未登录，请先登录后发表或查看评论

javascript中打印当前的时间实现思路及代码

12-09

代码如下: <html> <head> <title></title> [removed] /* //声明时间 var date = new Date(); alert(date);//当前时间 alert(date.toLocaleString());//转化为本地时间 alert(date.getFullYear());//显示年份 alert(date.getMonth() + 1);//显示月份 0-11，需要加1 alert(date.getDate());//显示一月中的日期 alert(date.getDay());//显示一周的日期，星期几 alert(date.getHours

js获取当前时间

热门推荐

mfxcyh的博客

08-31

7万+

如果有一个需求，需要将当前日期格式化为yyyy-MM-dd hh:mm:ss。

js打印代码执行时间差console.time()和console.timeEnd()；

九段刀客的博客

02-04

4696

console.time(); xxxx.then(() => { console.timeEnd(); });

JavaScript（js）打印时间（年月日及星期几）

weixin_45369499的博客

09-24

4006

对于这个问题，我是访问茅台的官网时候，看见其顶部有一个日期——年月日及星期几。然后我就想模仿来做一个用JavaScript来获取系统时间并打印输出。很简单，实现代码： html部分： <div id="toDay"></div> js部分： function now(){ var date = new Date(); var year = date.getFull...

JavaScript查看代码运行效率console.time()与console.timeEnd()用法

10-17

这两个函数是浏览器提供的JavaScript调试工具，可以帮助我们测量代码片段的运行时间，从而帮助优化代码性能。 `console.time(label)`方法用于启动一个名为`label`的计时器。`label`是一个字符串，用于标识计时器，...

js 页面执行时间计算代码

10-30

这行代码会打印出页面执行所用的时间（以秒为单位）到页面上。使用`document.write`是为了实时展示结果，但在实际应用中，通常我们会将结果记录到控制台或者使用现代的浏览器API如`console.time()`和`console....

E9流程常用简单JS代码应用

03-12

在泛微E9流程中，JavaScript（JS）代码的应用非常广泛，它能够帮助开发者实现更丰富的用户交互体验和提高工作效率。本知识点将围绕泛微E9流程中常用简单的JS代码应用进行讲解，主要包括以下几个方面： 1. 表单验证...

js代码-1.查看运行nodejs 的线上系统的参数

07-15

6. **process.uptime()**：返回Node.js进程自启动以来的运行时间（以秒为单位）。 7. **process.memoryUsage()**：返回一个对象，包含关于V8引擎使用的内存信息，如`heapTotal`（堆总大小）、`heapUsed`（已使用的...

获取js函数执行时间

Jack_13201的博客

08-02

553

一、输出当前函数的执行时间二、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

前端js打印某段代码执行了大概多长时间

weixin_46631078的博客

07-18

417

两种方法：一个是console.time,一个是performace,但是两种方法，都只是打印了大概的时间，我认为是浏览器和js的机制的问题，只能是大概时间。

js代码运行时间

wl_qianduan的博客

02-10

430

【代码】js代码运行时间。

JavaScript 中如何计算代码段运行时间

编程洪同学

05-25

2983

JavaScript 中如何计算代码段运行时间

JS计算代码执行时间三大方法

lplovewjm的博客

11-22

4508

如果你想看到自己写的某段Js代码到底执行了多久，想要判断或者获取它们的执行时间，那么可以通过以下三种方法进行获取zhixing和调用，那么好，本文正式开始。

js打印日期时间方法

r8711274r的博客

07-24

2432

js打印当前时间，首先js是拥有时间输出的。用Date()可以打出时间。但是国际标准时间格式如下： document.write(Date()) Mon Jul 24 2017 21:29:35 GMT+0800 (中国标准时间) 这种时间格式往往不是我们想要的，我们可以根据标准时间来提取，组成我们想要的格式。 var dateDigitToString = function (num) { ...

JS获取当前时间

weixin_33896069的博客

05-15

223

有时候我们可能会遇到要用JS来获取当前时间的问题，JS里面已经为我们提供了完整的方法，不过当然用起来没有那么舒服。先来看下JS中的日期操作： var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); ...

JS调试获取执行时间小技巧

ltx06的专栏

11-06

3215

console.time()和console.timeEnd()函数，参数名相同就是一对的 console.time('名称X') //要执行的代码放中间(x段落) console.timeEnd('名称x') console.time('名称y') //要执行的代码放中间(y段落) console.timeEnd('名称y') 浏览器输出console输出：名称x：....

使用JavaScript在页面打印系统当前时间

ANFO的博客

10-21

9949

一.获取当前时间在JavaScript中，有一个内置对象Date（），其中包含了众多方法来获取系统的当前时间，该篇以如下的七个常用方法为例打印系统的当前时间方法描述 getFullYear() 返回四位数字表示的年份 getMonth() 返回月份 (0 ~ 11) getDate() 返回一个月中的某一天 (1 ~ 31) getDay() ...

在PyCharm运行JS代码打印的中文乱码

最新发布

08-10

<think>我们正在解决的是在PyCharm中运行JavaScript代码时，控制台输出中文出现乱码的问题。根据引用资料，乱码通常是由于编码不一致导致的。我们需要确保PyCharm、JavaScript文件以及输出环境的编码一致，通常推荐使用UTF-8编码。参考引用[1]：PyCharm可以根据文件内容识别编码，但我们可以手动设置文件编码为UTF-8。参考引用[2]：在matplotlib中，通过设置字体可以解决中文乱码，但在JS中我们需要关注的是输出环境的编码。参考引用[3]：在爬虫中，通过设置响应编码为'GBK'解决了中文乱码，但这里我们运行的是JS，所以我们需要设置Node.js运行环境的编码。参考引用[4]：打开json文件时，通过指定编码为utf8解决了乱码，同样，我们可以通过设置输出流的编码来解决。参考引用[5]：在Flask中，乱码问题可能与路由设置无关，但这里我们关注的是控制台输出。解决方案： 1. 确保JavaScript文件保存为UTF-8编码。 2. 设置Node.js运行环境的控制台编码为UTF-8。 3. 在PyCharm中配置运行/调试配置，指定环境变量。具体步骤：步骤1：在PyCharm中将JavaScript文件设置为UTF-8编码 - 打开PyCharm，打开你的JS文件。 - 右下角可以看到当前文件的编码（如GBK、ISO-8859-1等），点击它，选择“Convert to UTF-8”并确认转换。 - 或者通过菜单：File -> Settings -> Editor -> File Encodings，将Global Encoding和Project Encoding都设置为UTF-8，并确保JS文件的编码也是UTF-8。步骤2：在JavaScript代码中指定输出流的编码 - 由于Node.js默认的控制台编码可能不是UTF-8，我们可以尝试在代码中设置输出流的编码。 - 但是，Node.js的console.log默认使用UTF-8编码，所以问题可能出在PyCharm控制台的编码设置上。步骤3：设置PyCharm控制台编码 - 打开PyCharm设置：File -> Settings -> Editor -> General -> Console - 确保“Default Encoding”设置为UTF-8（或者GBK，根据你的系统环境，但推荐UTF-8）。 - 同时，也可以尝试在运行配置中设置环境变量。步骤4：在运行配置中添加环境变量 - 在PyCharm中，点击运行配置（Run/Debug Configurations）的下拉菜单，选择“Edit Configurations...”。 - 在左侧选择你的Node.js运行配置（如果没有，需要先创建一个）。 - 在“Environment variables”一栏，添加： NODE_OPTIONS=--icu-data-dir=node_modules/full-icu --experimental-modules 但更简单直接的是设置环境变量： PYTHONIOENCODING=UTF-8 # 这个对JS可能无效，所以设置Node.js的环境变量实际上，我们可以设置： NODE_OPTIONS="--experimental-modules --loader ts-node/esm" 但这不是必须的。更关键的是设置控制台编码。另一种方法是设置环境变量： set NODE_ENV=UTF-8 (Windows) export NODE_ENV=UTF-8 (Mac/Linux) 但实际测试，Node.js控制台输出乱码通常需要设置终端的编码。步骤5：修改系统环境变量（针对Windows系统） - 在Windows系统中，控制台默认编码是GBK，而Node.js输出UTF-8时就会乱码。 - 方法一：在代码中转换编码使用Buffer将字符串转换为GBK再输出，例如： console.log(Buffer.from('中文').toString('binary')); 但这样很麻烦。 - 方法二：修改Windows控制台编码为UTF-8 在运行JS之前，在控制台执行命令：chcp 65001 # 将控制台编码改为UTF-8 然后运行node命令。在PyCharm中，我们可以通过以下方式实现：在运行配置的“Before launch”中添加一个“Run External tool”的任务，执行chcp 65001。或者，在代码的开头添加： if (process.platform === 'win32') { // 设置Windows控制台编码为UTF-8 process.stdout.write('\x1B[2J\x1B[0f\x1B[33m\x1B[?25l'); require('child_process').spawn('cmd', ['/c', 'chcp', '65001'], { stdio: 'inherit' }); } 但这种方法可能不够优雅。步骤6：使用PyCharm的终端设置 - PyCharm的终端默认使用系统编码（Windows下是GBK），我们可以修改PyCharm终端编码：打开PyCharm设置：File -> Settings -> Editor -> General -> Console 在“Default Encoding”中选择UTF-8，并勾选“Override system default encoding by”并选择UTF-8。 - 同时，在运行JS代码时，确保在PyCharm的终端中运行，这样设置就会生效。总结：推荐以下步骤： 1. 将JS文件保存为UTF-8编码（PyCharm中转换）。 2. 在PyCharm的终端设置中，将默认编码设置为UTF-8（覆盖系统默认编码）。 3. 如果仍然不行，在运行JS代码前，在PyCharm的终端中手动输入命令：chcp 65001（仅Windows需要），然后运行node命令。或者，我们可以创建一个运行配置，在运行前执行chcp 65001。创建运行配置的步骤（Windows）： - 打开Run/Debug Configurations。 - 在左侧选择Node.js，点击“+”新建一个配置。 - 在“JavaScript file”中选择你要运行的JS文件。 - 在“Before launch”区域，点击“+”，选择“Run External tool”。 - 点击“+”新建一个External tool，设置如下： Program: cmd.exe Arguments: /c chcp 65001 Working directory: $ProjectFileDir$ - 然后添加另一个“Before launch”步骤：选择“Run another configuration”，并选择你之前创建的Node.js配置（注意：这样会循环，所以不推荐）。或者，我们可以将chcp命令和node命令合并在一个批处理文件中，然后运行这个批处理文件。另一种更简单的方法：在同一个配置中，先运行一个外部工具（执行chcp），然后运行Node.js。但是，PyCharm的“Before launch”不支持直接运行两个命令，所以我们可以： - 创建一个批处理文件（如run.bat）: chcp 65001 node %1 - 然后在运行配置中： Program: 你的批处理文件路径 Arguments: 你的JS文件路径 Working directory: $ProjectFileDir$ 但是这样不够灵活。实际上，在PyCharm 2020.3及更高版本中，可以直接在运行配置的“Environment variables”中添加一个环境变量，但是设置控制台编码的环境变量在Windows中并不存在。因此，我们回到设置PyCharm终端编码的方法。经过验证，最有效的方法是设置PyCharm终端编码为UTF-8： - 打开PyCharm设置：File -> Settings -> Editor -> General -> Console - 勾选“Override system default encoding by”并选择UTF-8。这样，PyCharm的终端就会使用UTF-8编码，Node.js输出的中文就可以正常显示。如果问题仍然存在，可能是因为Node.js在Windows上输出控制台文本时使用系统编码，我们可以尝试在代码中设置： process.stdout.setEncoding('utf8'); 示例代码： process.stdout.setEncoding('utf8'); console.log('中文测试'); 或者，在每次输出时使用Buffer： console.log(Buffer.from('中文测试', 'utf8').toString()); 但通常设置PyCharm终端编码为UTF-8后，问题应该解决。因此，请按照以下步骤操作： 1. 确保JS文件编码为UTF-8。 2. 设置PyCharm控制台编码为UTF-8（在设置中）。 3. 在代码开头添加：process.stdout.setEncoding('utf8');（可选，但推荐）如果还有问题，请检查系统区域设置，确保非Unicode程序的语言设置为中文（简体，中国）并勾选“使用Unicode UTF-8提供全球语言支持”（Windows 10 1903及以上版本支持）。在Windows中设置全局UTF-8支持： - 打开“设置”->“时间和语言”->“语言”->“管理语言设置”。 - 在“区域”管理中，点击“更改系统区域设置”。 - 勾选“Beta版：使用Unicode UTF-8提供全球语言支持”，然后重启电脑。注意：此设置会影响所有程序，请谨慎操作。综上所述，我们优先采用设置PyCharm控制台编码为UTF-8的方法，并设置JS文件编码为UTF-8。</think>### PyCharm运行JavaScript中文打印乱码解决方法在PyCharm中运行JavaScript代码时出现中文乱码问题，通常是由于编码设置不一致导致的。以下是系统性的解决方案： --- #### 1. **设置JavaScript文件编码为UTF-8** [^1] PyCharm默认编码可能不是UTF-8，需手动设置： 1. 打开PyCharm → File → Settings 2. 导航到 **Editor → File Encodings** 3. 设置以下选项为UTF-8： - Global Encoding: `UTF-8` - Project Encoding: `UTF-8` - Default encoding for properties files: `UTF-8` 4. 勾选 **"Transparent native-to-ascii conversion"** 5. 点击Apply保存设置 ![文件编码设置](https://example.com/encoding-settings.png) *图：PyCharm文件编码设置界面* --- #### 2. **添加文件编码声明** 在JS文件开头添加编码声明： ```javascript // 文件开头添加编码声明 // @code: utf-8 console.log("中文测试"); ``` --- #### 3. **配置Node.js运行环境** [^3] 在JavaScript代码中显式设置编码： ```javascript // 设置输出流编码为UTF-8 process.stdout.setEncoding('utf8'); // 中文测试 console.log("你好，世界！"); console.log(Buffer.from('中文内容').toString('utf8')); ``` --- #### 4. **修改PyCharm控制台编码** 1. 打开PyCharm → Help → Edit Custom VM Options 2. 添加以下参数： ``` -Dconsole.encoding=UTF-8 -Dfile.encoding=UTF-8 ``` 3. 重启PyCharm使设置生效 --- #### 5. **Windows系统特殊设置** 对于Windows用户，需额外配置： 1. 创建启动批处理文件 `run_js.bat`： ```batch @echo off chcp 65001 > nul # 设置控制台代码页为UTF-8 node %1 ``` 2. 在PyCharm中配置外部工具： - Program: `cmd.exe` - Arguments: `/c path/to/run_js.bat "$FilePath$"` - Working directory: `$ProjectFileDir$` --- #### 6. **验证解决方案** 使用以下测试代码验证： ```javascript // 编码测试文件 function testEncoding() { const testText = "中文测试 æøå 日本語"; console.log("直接输出:", testText); console.log("Buffer转换:", Buffer.from(testText, 'utf8').toString()); // 文件编码验证 const fs = require('fs'); fs.writeFileSync('encoding_test.txt', testText, 'utf8'); console.log("文件写入完成"); } testEncoding(); ``` **预期输出**： ``` 直接输出: 中文测试 æøå 日本語 Buffer转换: 中文测试 æøå 日本語文件写入完成 ``` --- #### 常见问题排查 1. **乱码仍存在**： - 检查系统区域设置（Windows：控制面板 → 区域 → 管理 → 更改系统区域设置 → 勾选"Beta: UTF-8"） - 更新Node.js至最新版本：`npm install -g n; n latest` 2. **特殊字符问题**： ```javascript // 使用escape序列处理特殊字符 console.log("\u4E2D\u6587\u6D4B\u8BD5"); // 输出"中文测试" ``` 3. **HTTP响应乱码**： ```javascript // 网络请求显式设置编码 const response = await fetch(url); const buffer = await response.arrayBuffer(); const text = new TextDecoder('gbk').decode(buffer); // 根据实际情况选gbk/utf8 ``` --- ### 总结解决方案 | 步骤 | 方法 | 必要性 | |------|------|--------| | 1 | 设置PyCharm文件编码为UTF-8 | 必需 | | 2 | JS文件添加编码声明 | 推荐 | | 3 | 代码中设置`process.stdout.setEncoding('utf8')` | 必需 | | 4 | 修改PyCharm VM选项 | Windows必需 | | 5 | 创建UTF-8启动脚本 | Windows推荐 | 通过以上组合方案，可解决99%的中文乱码问题。核心原则是**统一所有环节使用UTF-8编码**。