制作一个网页背单词系统

灵感来自浩子同学的博客 并且照搬了源代码 目前已托管至GitHub对外发布 直接测试：GitHub Pages

大致介绍一下 系统使用jQuery+HTML 单词本使用xml文件

标签格式：

<wordbook>
    <item>
        <word>单词</word>
        <trans><![CDATA[翻译]]></trans>
    </item>
</wordbook>

加载后 系统会解析xml并存储到数组中 再随机排序数组 不过有一个坏处 单词是无限加载的 js基础不多的我开始了摸索之路

更改：

1.删除了cokkie 防止作弊

2.增加了单词上限 默写完成自动停止

3.调用有道接口实现了在线发音

4.删除了实时的正误判断

5.删除了已经不需要的更新按钮、操作说明

6.“帮助”按钮修改文案为“提示”并且设置只提示两个字母

7.输入错误后完整提示1秒

8.提示计数器

等等...

这对于我这个js小白是个大难题 也花了我一周左右的时间 话不多说 上图上码

PS：样式是Wordpress主题自带的

 HTML布局部分：

<div id="main" style="text-align: center">
	<select id="unit">
		<!-- 可以自行修改或删除 -->
		<option value="test">
			测试
		</option>
		<option value="unit">
			Unit
		</option>
	</select>
	<div style="margin: auto">
		<span id="hint">
		</span>
		<image id="play" style="margin-left: 5px" src="play.png">
			<!-- 该资源文件我会上传 -->
		</image>
	</div>
	<div style="margin: auto margin-bottom: 10px">
		<span id="notice" style="float: left">
		</span>
		<span id="result" style="float: right">
		</span>
	</div>
	<input type="text" id="text" autocomplete="off">
	<button type="button" id="help" style="margin-top: 5px">
		提示（0次）
	</button>
	<br />
	<span id="version" style="float: right">
</div>

js代码部分（前面多了一个缩进）：

	$(function() {
		var version = "1.1.0"  //版本
		var versionS = "relea