💻 Psychological experiment demos developed with “jsPsych”, a JavaScript library created by Joshua R. de Leeuw for running online/offline behavioral experiments (de Leeuw, 2015). All experiments in this GitHub repository are designed for Chinese participants and so displayed in Chinese.
注：jsPsych是由Joshua R. de Leeuw开发的JavaScript脚本库，用于编写在线/本地心理学实验程序，第1版发布于2012年7月（v1.0），最新版发布于2019年7月（v6.1.0）。本代码库是基于jsPsych开发的心理学在线实验中文示例程序。
- 复制、修改、使用、分享本代码库，必须遵守「创作共用许可协议 CC BY-NC-SA」（原作者署名-非商业用途使用-相同方式共享）
例如：
某某某的程序使用了JavaScript脚本库“jsPsych”（https://www.jspsych.org; de Leeuw, 2015），并参考/借鉴了GitHub代码库“jsPsych中文示例程序”（https://github.com/psychbruce/jspsych; 包寒吴霜, 2020）。
Example:
XXX's program was developed with the JavaScript library “jsPsych” (https://www.jspsych.org; de Leeuw, 2015) and partly adapted from the GitHub repository “jsPsych Experiment Demos in Chinese” (https://github.com/psychbruce/jspsych; Bao, 2020).
E-mail: baohws@foxmail.com
Website: psychbruce.github.io
ResearchGate | GitHub | 知乎
💡 运行实验程序，请使用主流浏览器（Chrome, Edge, Firefox, Opera, Safari等），不要使用Internet Explorer（IE）
- Experiment Demo（在线体验 / 源代码）——首发于2020.6.25，最近更新于2020.7.30
- 学习难度：入门级
- 该示例程序包括一个完整的例子：（1）实验基本设定，如字体、背景颜色、禁止右键、禁止选中文字等；（2）人口学变量采集，如收集被试年龄并把填写内容限制为两位数、范围限制在15~99岁等；（3）问卷调查与量表，如“Rosenberg自尊量表”等；（4）按键反应实验，如测量内隐态度的“外在情感性西蒙任务”（Extrinsic Affective Simon Task, EAST）等；（5）结果反馈，如量表平均分等；（6）自定义JavaScript函数，如倒计时、滑动条刻度实时反馈、计算带有反向计分题的量表平均分等
- IAT Demo（在线体验 / 源代码）——首发于2020.7.27，最近更新于2020.7.30
- 学习难度：正常级
- 该示例程序包括一个精心设计的“内隐联系测验”（Implicit Association Test, IAT）范式模板，也包括对IAT结果“D分数”的标准化计算和反馈（Greenwald, Nosek, & Banaji, 2003）
- IAT更准确的中文翻译应为“内隐联系测验”，而非“内隐联想测验”，详见这篇文献
- 【合集】jsPsych教程收藏夹（持续更新）
- jsPsych心理学实验与问卷编程指南（上篇）
- jsPsych心理学实验与问卷编程指南（下篇）
- 利用「Cognition」免费平台轻松发布jsPsych在线实验！
- ……
* 更多内容，请关注知乎专栏「只求甚解」
✔ 所有代码均可从这里下载：源代码<最新> / 干净版<非最新>
⚠ 注意：复制、修改、使用、分享本代码库，请务必规范引用！
- Bao, H.-W.-S. (2020). jsPsych experiment demos in Chinese. https://github.com/psychbruce/jspsych
- de Leeuw, J. R. (2015). jsPsych: A JavaScript library for creating behavioral experiments in a web browser. Behavior Research Methods, 47(1), 1–12. https:/doi.org/10.3758/s13428-014-0458-y
* 为了更高的编程效率和更好的编程体验，强烈建议使用「VS Code」作为代码编辑器，并安装以下插件（从VS Code中的“Extensions”安装）：
JS-CSS-HTML FormatterHTML CSS SupportHTML SnippetsJavaScript (ES6) code snippetsESLintBracket Pair Colorizer 2Color HighlightEdit csvExcel Viewervscode-pdf