-
|
Hi, Using codes from previous discussions, I have tried to build a timed text survey. Below are the relevant parts of the code. Thank you very much in advance for your help. var timeline = [];
var time_limit = 5000;
var start_time;
var end_test_timer;
var trial_count1 = 0;
var n_trials1 = test_stimuli1.length;
var test_stimuli1 = [
{stimulus:'31', liste:'Ajouter', correct:'34'},
{stimulus:'90', liste:'Ajouter', correct:'93'},
{stimulus:'18', liste:'Ajouter', correct:'21'},
{stimulus:'23', liste:'Ajouter', correct:'26'},
];
var test1 = {
type: 'survey-text',
questions: [
{prompt: jsPsych.timelineVariable('stimulus'), name:'resp'},
],
autocomplete : false,
on_load: function() {
trial_count1++;
// we need to set up the timer to end the current timeline after a certain duration, but only on the first trial
if (trial_count1 == 1) {
start_time = performance.now();
var end_test_timer = setTimeout(function() {
// this stuff is just for testing
var end_time = performance.now();
var elapsed_time = end_time - start_time;
console.log("elapsed time: ", elapsed_time);
// this function is all you need to end the current timeline
jsPsych.endCurrentTimeline();
// this function ends the current trial
jsPsych.finishTrial({status: "ended early"});
}, time_limit);
}
},
on_finish: function(data) {
data.correct=jsPsych.timelineVariable('correct');
data.liste=jsPsych.timelineVariable('liste');
var acc = 0;
var response = jsPsych.data.getLastTrialData().values()[0].response.resp;
if (response == data.correct){
acc = 1;
}
data.acc=acc;
// we also need to cancel the setTimeout timer if the person gets all the way through the timeline before
// time_limit is reached, otherwise endCurrentTimeline will fire during the next timeline - not good!!
if (trial_count1 == n_trials1) {
clearTimeout(end_test_timer);
}
}
} |
Beta Was this translation helpful? Give feedback.
Answered by
jodeleeuw
Mar 4, 2021
Replies: 1 comment 4 replies
-
|
The var response = jsPsych.data.getLastTrialData().values()[0].response.resp;you can just use var response = data.response.resp; |
Beta Was this translation helpful? Give feedback.
4 replies
-
|
Thank you. In case it helps, here's the full script of the task. Thank you, <!DOCTYPE html>
<html>
<head>
<script src="jspsych/jspsych.js"></script>
<script src="jspsych/plugins/jspsych-instructions.js"></script>
<script src="jspsych/plugins/jspsych-call-function.js"></script>
<script src="jspsych/plugins/jspsych-survey-text.js"></script>
<script src="jspsych/plugins/jspsych-resize.js"></script>
<script src="jspsych/plugins/jspsych-fullscreen.js"></script>
<link href="jspsych/css/jspsych.css" rel="stylesheet">
</head>
<body>
</body>
<script>
var timeline = [];
//var block_start_time;
//var block_length = 120000; // milliseconds
//var liststim1 = ['3', '5', '3', '5', '7', '8', '7', '5'];
//var index = 0;
var time_limit = 5000;
var start_time;
var end_test_timer;
var trial_count1 = 0;
var trial_count2 = 0;
var trial_count3 = 0;
var bienvenue = {
type: 'instructions',
pages: ["<strong>Activité 2</strong><br><br>"+
"Dans cette activité vous allez voir des chiffres et devrez rapidement taper le résultat d'une opération réalisée sur ce chiffre.<br>"+
"Le calcul à réaliser vous sera indiqué dans les instructions.<br>"+
"Si vous utilisez les chiffres en haut de votre clavier, bloquez les majuscules afin de répondre plus rapidement.<br><br>"+
"Appuyez sur la barre d'espace pour continuer.",
"Dans cette partie, vous devrez <strong>ajouter 3</strong> aux chiffres qui vous seront présentés à l'écran.<br>"+
"Vous taperez votre réponse au clavier puis appuierez sur Entrée pour valider et passer au chiffre suivant.<br>"+
"Vous aurez deux minutes pour répondre au plus grand nombre de chiffres possible.<br><br>"+
"Lorsque vous êtes prêt.e, appuyez sur la barre d'espace pour démarrer."],
key_forward: ' ',
};
var instructions_liste2 = {
type: 'instructions',
pages: [
"Dans cette partie, vous devrez <strong>soustraire 3</strong> aux chiffres qui vous seront présentés à l'écran.<br>"+
"Vous taperez votre réponse au clavier puis appuierez sur Entrée pour valider et passer au chiffre suivant.<br>"+
"Vous aurez deux minutes pour répondre au plus grand nombre de chiffres possible.<br><br>"+
"Lorsque vous êtes prêt.e, appuyez sur la barre d'espace pour démarrer."],
key_forward: ' ',
};
var instructions_liste3 = {
type: 'instructions',
pages: [
"Dans cette partie, vous devrez <strong>alterner ajouter et soustraire 3</strong> entre chacun des chiffres qui vous seront présentés à l'écran.<br>"+
"Vous commencerez par ajouter 3 au premier chiffre, puis soustraire 3 au second chiffre, etc. ..."+
"Vous taperez votre réponse au clavier puis appuierez sur Entrée pour valider et passer au chiffre suivant.<br>"+
"Vous aurez deux minutes pour répondre au plus grand nombre de chiffres possible.<br><br>"+
"Lorsque vous êtes prêt.e, appuyez sur la barre d'espace pour démarrer."],
key_forward: ' ',
};
var test_stimuli1 = [
{stimulus:'31', liste:'Ajouter', correct:'34'},
{stimulus:'90', liste:'Ajouter', correct:'93'},
{stimulus:'18', liste:'Ajouter', correct:'21'},
{stimulus:'23', liste:'Ajouter', correct:'26'},
{stimulus:'87', liste:'Ajouter', correct:'90'},
{stimulus:'71', liste:'Ajouter', correct:'74'},
{stimulus:'47', liste:'Ajouter', correct:'50'},
{stimulus:'58', liste:'Ajouter', correct:'61'},
{stimulus:'75', liste:'Ajouter', correct:'78'},
{stimulus:'21', liste:'Ajouter', correct:'24'},
{stimulus:'17', liste:'Ajouter', correct:'20'},
{stimulus:'37', liste:'Ajouter', correct:'40'},
{stimulus:'60', liste:'Ajouter', correct:'63'},
{stimulus:'32', liste:'Ajouter', correct:'35'},
{stimulus:'69', liste:'Ajouter', correct:'72'},
{stimulus:'59', liste:'Ajouter', correct:'62'},
{stimulus:'92', liste:'Ajouter', correct:'95'},
{stimulus:'81', liste:'Ajouter', correct:'84'},
{stimulus:'29', liste:'Ajouter', correct:'32'},
{stimulus:'52', liste:'Ajouter', correct:'55'},
{stimulus:'49', liste:'Ajouter', correct:'52'},
{stimulus:'67', liste:'Ajouter', correct:'70'},
{stimulus:'96', liste:'Ajouter', correct:'99'},
{stimulus:'27', liste:'Ajouter', correct:'30'},
{stimulus:'64', liste:'Ajouter', correct:'67'},
{stimulus:'78', liste:'Ajouter', correct:'81'},
{stimulus:'73', liste:'Ajouter', correct:'76'},
{stimulus:'48', liste:'Ajouter', correct:'51'},
{stimulus:'85', liste:'Ajouter', correct:'88'},
{stimulus:'19', liste:'Ajouter', correct:'22'},
];
var test_stimuli2 = [
{stimulus:'92', liste:'Soustraire', correct:'89'},
{stimulus:'21', liste:'Soustraire', correct:'18'},
{stimulus:'45', liste:'Soustraire', correct:'42'},
{stimulus:'14', liste:'Soustraire', correct:'11'},
{stimulus:'42', liste:'Soustraire', correct:'39'},
{stimulus:'56', liste:'Soustraire', correct:'53'},
{stimulus:'24', liste:'Soustraire', correct:'21'},
{stimulus:'51', liste:'Soustraire', correct:'48'},
{stimulus:'17', liste:'Soustraire', correct:'14'},
{stimulus:'31', liste:'Soustraire', correct:'28'},
{stimulus:'40', liste:'Soustraire', correct:'37'},
{stimulus:'27', liste:'Soustraire', correct:'24'},
{stimulus:'82', liste:'Soustraire', correct:'79'},
{stimulus:'68', liste:'Soustraire', correct:'65'},
{stimulus:'58', liste:'Soustraire', correct:'55'},
{stimulus:'62', liste:'Soustraire', correct:'59'},
{stimulus:'81', liste:'Soustraire', correct:'78'},
{stimulus:'13', liste:'Soustraire', correct:'10'},
{stimulus:'72', liste:'Soustraire', correct:'69'},
{stimulus:'42', liste:'Soustraire', correct:'39'},
{stimulus:'48', liste:'Soustraire', correct:'45'},
{stimulus:'60', liste:'Soustraire', correct:'57'},
{stimulus:'36', liste:'Soustraire', correct:'33'},
{stimulus:'79', liste:'Soustraire', correct:'76'},
{stimulus:'60', liste:'Soustraire', correct:'57'},
{stimulus:'39', liste:'Soustraire', correct:'36'},
{stimulus:'51', liste:'Soustraire', correct:'48'},
{stimulus:'70', liste:'Soustraire', correct:'67'},
{stimulus:'59', liste:'Soustraire', correct:'56'},
{stimulus:'30', liste:'Soustraire', correct:'27'},
];
var test_stimuli3 = [
{stimulus:'27', liste:'Flex', correct:'30'},
{stimulus:'53', liste:'Flex', correct:'50'},
{stimulus:'78', liste:'Flex', correct:'81'},
{stimulus:'32', liste:'Flex', correct:'29'},
{stimulus:'19', liste:'Flex', correct:'22'},
{stimulus:'64', liste:'Flex', correct:'61'},
{stimulus:'48', liste:'Flex', correct:'51'},
{stimulus:'82', liste:'Flex', correct:'79'},
{stimulus:'13', liste:'Flex', correct:'16'},
{stimulus:'72', liste:'Flex', correct:'69'},
{stimulus:'29', liste:'Flex', correct:'32'},
{stimulus:'61', liste:'Flex', correct:'58'},
{stimulus:'42', liste:'Flex', correct:'45'},
{stimulus:'90', liste:'Flex', correct:'87'},
{stimulus:'36', liste:'Flex', correct:'39'},
{stimulus:'85', liste:'Flex', correct:'82'},
{stimulus:'47', liste:'Flex', correct:'50'},
{stimulus:'93', liste:'Flex', correct:'90'},
{stimulus:'16', liste:'Flex', correct:'19'},
{stimulus:'95', liste:'Flex', correct:'92'},
{stimulus:'88', liste:'Flex', correct:'91'},
{stimulus:'49', liste:'Flex', correct:'46'},
{stimulus:'70', liste:'Flex', correct:'73'},
{stimulus:'17', liste:'Flex', correct:'14'},
{stimulus:'38', liste:'Flex', correct:'41'},
{stimulus:'73', liste:'Flex', correct:'70'},
{stimulus:'58', liste:'Flex', correct:'61'},
{stimulus:'91', liste:'Flex', correct:'88'},
{stimulus:'20', liste:'Flex', correct:'23'},
{stimulus:'69', liste:'Flex', correct:'66'},
];
var n_trials1 = test_stimuli1.length;
var n_trials2 = test_stimuli2.length;
var n_trials3 = test_stimuli3.length;
var test1 = {
type: 'survey-text',
questions: [
{prompt: jsPsych.timelineVariable('stimulus'),
name: 'resp'},
],
autocomplete : false,
on_load: function() {
trial_count1++;
// we need to set up the timer to end the current timeline after a certain duration, but only on the first trial
if (trial_count1 == 1) {
start_time = performance.now();
var end_test_timer = setTimeout(function() {
// this stuff is just for testing
var end_time = performance.now();
var elapsed_time = end_time - start_time;
console.log("elapsed time: ", elapsed_time);
// this function is all you need to end the current timeline
jsPsych.endCurrentTimeline();
// this function ends the current trial
jsPsych.finishTrial({status: "ended early"});
}, time_limit);
}
},
on_finish: function(data) {
data.correct=jsPsych.timelineVariable('correct');
data.liste=jsPsych.timelineVariable('liste');
var acc = 0;
var response = data.response.resp;
if (response == data.correct){
acc = 1;
}
data.acc=acc;
// we also need to cancel the setTimeout timer if the person gets all the way through the timeline before
// time_limit is reached, otherwise endCurrentTimeline will fire during the next timeline - not good!!
if (trial_count1 == n_trials1) {
clearTimeout(end_test_timer);
}
}
}
var test2 = {
type: 'survey-text',
questions: [
{prompt: jsPsych.timelineVariable('stimulus'),
name: 'resp'},
],
autocomplete : false,
on_load: function() {
trial_count2++;
// we need to set up the timer to end the current timeline after a certain duration, but only on the first trial
if (trial_count2 == 1) {
start_time = performance.now();
var end_test_timer = setTimeout(function() {
// this stuff is just for testing
var end_time = performance.now();
var elapsed_time = end_time - start_time;
console.log("elapsed time: ", elapsed_time);
// this function is all you need to end the current timeline
jsPsych.endCurrentTimeline();
// this function ends the current trial
jsPsych.finishTrial({status: "ended early"});
}, time_limit);
}
},
on_finish: function(data) {
data.correct=jsPsych.timelineVariable('correct');
data.liste=jsPsych.timelineVariable('liste');
var acc = 0;
if (data.resp == data.correct){
acc = 1;
}
data.acc=acc;
// we also need to cancel the setTimeout timer if the person gets all the way through the timeline before
// time_limit is reached, otherwise endCurrentTimeline will fire during the next timeline - not good!!
if (trial_count2 == n_trials2) {
clearTimeout(end_test_timer);
}
}
}
var test3 = {
type: 'survey-text',
questions: [
{prompt: jsPsych.timelineVariable('stimulus'),
name: 'resp'},
],
autocomplete : false,
on_load: function() {
trial_count3++;
// we need to set up the timer to end the current timeline after a certain duration, but only on the first trial
if (trial_count3 == 1) {
start_time = performance.now();
var end_test_timer = setTimeout(function() {
// this stuff is just for testing
var end_time = performance.now();
var elapsed_time = end_time - start_time;
console.log("elapsed time: ", elapsed_time);
// this function is all you need to end the current timeline
jsPsych.endCurrentTimeline();
// this function ends the current trial
jsPsych.finishTrial({status: "ended early"});
}, time_limit);
}
},
on_finish: function(data) {
data.correct=jsPsych.timelineVariable('correct');
data.liste=jsPsych.timelineVariable('liste');
var acc = 0;
if (data.resp == data.correct){
acc = 1;
}
data.acc=acc;
// we also need to cancel the setTimeout timer if the person gets all the way through the timeline before
// time_limit is reached, otherwise endCurrentTimeline will fire during the next timeline - not good!!
if (trial_count3 == n_trials3) {
clearTimeout(end_test_timer);
}
}
}
var test_procedure1 = {
timeline: [test1],
timeline_variables: test_stimuli1
}
var test_procedure2 = {
timeline: [test2],
timeline_variables: test_stimuli2
}
var test_procedure3 = {
timeline: [test3],
timeline_variables: test_stimuli3
}
var fin = {
type: 'instructions',
pages: ["Bravo! Vous avez terminé cette activité."],
show_clickable_nav: true,
show_page_number: true,
button_label_next: 'Sortir'
}
timeline.push({
type: 'fullscreen',
message: "L'activité va passer en mode plein écran lorsque vous appuierez sur ce bouton."+
"<br>Si vous souhaitez interrompre la tâche, vous pouvez sortir du mode plein écran en appuyant sur 'echap'<br><br>",
button_label: 'continuer',
fullscreen_mode: true,
});
timeline.push(bienvenue);
timeline.push(test_procedure1);
timeline.push({
type: 'html-keyboard-response',
stimulus: "Le temps est écoulé!<br>Appuyez sur une touche pour continuer",
choices: jsPsych.ALL_KEYS
});
timeline.push(instructions_liste2);
timeline.push(test_procedure2);
timeline.push({
type: 'html-keyboard-response',
stimulus: "Le temps est écoulé!<br>Appuyez sur une touche pour continuer",
choices: jsPsych.ALL_KEYS
});
timeline.push(instructions_liste3);
timeline.push(test_procedure3);
timeline.push({
type: 'html-keyboard-response',
stimulus: "Le temps est écoulé!<br>Appuyez sur une touche pour continuer",
choices: jsPsych.ALL_KEYS
});
timeline.push({
type: 'fullscreen',
fullscreen_mode: false
});
timeline.push(fin);
jsPsych.init({
timeline: timeline,
on_finish: function(){
console.log("L'activité est terminée. Merci!");
jsPsych.data.displayData();
}
})
</script>
</html> |
Beta Was this translation helpful? Give feedback.
-
|
Hi, I think I know where the problem could come from but I don't manage to fix it. I think what happens is that whenever the time limit is reached, the "on_finish" function is run, but there is nothing in the data.response.resp variable (when debugging it seems to work fine if I remove the lines involving "data.response.resp"). I tried to add an "if (data.response.resp !== null){...", but it doesn't work. Any idea how I could fix that? Thank you, |
Beta Was this translation helpful? Give feedback.
-
|
Hi @Arnovia, when you end the trial early with the if (data.response.resp !== null) {
//...
}Is because jsPsych.finishTrial({status: "ended early", response: {resp: null}});I also noticed that in your |
Beta Was this translation helpful? Give feedback.
-
|
Hi, It's working now thank you so much! Best, |
Beta Was this translation helpful? Give feedback.
Answer selected by
becky-gilbert
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
The
dataparameter in theon_finish()function will already contain the response of the participant, so instead of:you can just use