大一学生，有一个立项作业
当时选了个网页设计，我的设想是利用JS脚本在浏览器上搞一个gal（文字游戏）的移植（就是把一个gal的部分搞上去）
关于gal的操作就是利用鼠标点击，导致背景，文字，音乐的变化切换。
这个我觉得是可以实现的，但寒假自己看一些教程，还是很懵，希望有带佬可以稍微给点模板，指点一下，开个头。
有一些具体问题是，像图中我想一条一条的显示文本。但document。write又是全面显示。
希望大佬给我一些具体代码我好感受一下。
当时选了个网页设计，我的设想是利用JS脚本在浏览器上搞一个gal（文字游戏）的移植（就是把一个gal的部分搞上去）
关于gal的操作就是利用鼠标点击，导致背景，文字，音乐的变化切换。
这个我觉得是可以实现的，但寒假自己看一些教程，还是很懵，希望有带佬可以稍微给点模板，指点一下，开个头。
有一些具体问题是，像图中我想一条一条的显示文本。但document。write又是全面显示。
希望大佬给我一些具体代码我好感受一下。
解决方案 »
- js document.all?
- 如何快速入门啊JAVASCRIPT
- 请问 ： 执行document.body.appendChild(obj)语句; 提示document.body对象为空
- js的字符串如何转化为对象，在学json的时候遇到点问题
- 新手求教： 当控件的visible属性为true时怎样在javascript找到他 各位大哥大姐帮帮忙
- 正则查找问题..
- 我在网页里调用一个ocx控件，如果本地计算机上没有这个控件，如何确认？
- 换行问题
- ★★★★★高分求金额编辑框的,html页源码,内详.
- 【急】一个问卷调查的，怎么判断是否选择或者输入？？？？
- 求助 VScode 1.31.0 无法代码折叠
- nuxt.js中按需导入ant-design-vue无效，需要怎么配置
<!DOCTYPE html>
<html>
<head>
<title>打字机</title>
<meta charset=utf-8>
<style type="text/css">
#div{
width: 600px;
margin:0 auto;
border: 1px solid red;
height: 400px;
padding: 20px;
line-height: 30px;
}
</style>
</head>
<body>
<div id="div">
</div>
<script language="javascript">
function typer(id, strings/*文字段*/, sec/*时间秒*/){
var div = document.getElementById(id);
for(var i = 0, leng = strings.length; i < leng; i++){
let text = document.createTextNode(strings[i]);
let elem = document.createElement("div");
elem.appendChild(text);
setTimeout(function(){ div.appendChild(elem);}, 1000 * sec * (i + 1));
}
}
typer("div", ["宇宙牌打印机", "打印俩鸡蛋", "O", "O"]/*文字段*/, 2/*时间秒*/);
</script>
</body>
</html>
<html>
<head>
<title>打字机</title>
<meta charset=utf-8>
<style type="text/css">
#div{
width: 600px;
margin:0 auto;
border: 1px solid red;
height: 400px;
padding: 20px;
line-height: 30px;
}
</style><script language="javascript">
function typer(id, strings/*文字段*/, sec/*时间秒*/){
var div = document.getElementById(id);
for(var i = 0, leng = strings.length; i < leng; i++){
let text = document.createTextNode(strings[i]);
let elem = document.createElement("div");
elem.appendChild(text);
setTimeout(function(){ div.appendChild(elem);}, 1000 * sec * (i + 1));
}
}
</script>
</head>
<body>
<div id="div">
<button onClick="typer("div", ["宇宙牌打印机", "打印俩鸡蛋", "O", "O"]/*文字段*/, 2/*时间秒*/)" >
</button>
</div>
<script language="javascript">
</script>
</body>
</html>