如果用户未在20分钟内单击“提交”,我想在Google表单中使用应用程序脚本在20分钟内自动提交表单。反正要实现吗???
答案 0 :(得分:2)
否,即使您向其中添加了Apps脚本,也无法控制Google Forms的客户端,因为Apps脚本在服务器上运行。
一种可能的解决方案是将您的表单用作Google Apps Script web app。此时,您可以编写客户端JavaScript,并在20分钟后使用window.setTimeout
提交表单。
以下是一些示例文件Code.gs
和quiz.html
,它们可以提供启动Web应用程序的基本框架。一个空白项目将使用Code.gs
作为默认文件,然后您必须添加File> New> HTML文件来启动另一个文件。
您可以在id
的注释行中输入自己拥有的任何电子表格的Code.gs
,以将响应附加到该电子表格中。 (您也可以根据需要通过创建新的电子表格来自动化该过程。Example of creating spreadsheet to hold data for Apps Script example can be found here。
// file Code.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("quiz");
}
function doPost(request) {
if (request.answer) {
console.log(request.answer); // View > Execution transcript to verify this
//var ss = SpreadsheetApp.openById(id).getSheetByName("Quiz Responses");
//ss.appendRow([request.answer /* additional values comma separated here */ ]);
}
}
<!DOCTYPE html>
<!-- file quiz.html -->
<html>
<head>
<base target="_top">
</head>
<body>
<h1>Quiz</h1>
<form>
What is Lorem Ipsum?
<input name="loremipsum" type="text"/>
<button>Submit</button>
</form>
<script>
const button = document.querySelector("button");
const timeLimitMinutes = 1; // low number for demo; change to 20 for application
const timeLimitMilliseconds = timeLimitMinutes * 60 * 1000;
// For this demo we are not going to serve a response page, so don't try to.
button.addEventListener("submit", submitEvent => submitEvent.preventDefault());
// attach our custom submit to both the button and to the timeout
button.addEventListener("click", submitForm)
window.setTimeout(submitForm, timeLimitMilliseconds)
function submitForm() {
button.setAttribute("disabled", true);
document.querySelector("h1").textContent = "Quiz submitted";
// for demo: submitting just a single answer.
// research Apps Script documentation for rules on submitting forms, certain values not allowed
// consider a helper function `makeForm()` that returns a safe object to submit.
const answer = document.querySelector("input").value;
google.script.run.doPost({ answer });
}
</script>
</body>
</html>
使用发布进行测试>部署为Web应用...