wr20060926 发表于 2020-6-25 01:30

我已经超级懵逼了,谁能帮我解读一下这段代码?

谁能帮我解读一下这段代码?


## 第一部分

```javascript
function zhuanhuan() {
    if (document.getElementById("txtJSON").value == "") {
      alert('请输入单词!');
    } else {
            $(".display").empty();
            var words = $('#txtJSON').val().split("\n");
            for (i = 0; i < words.length; i++) {
                $(".display").append("<div class='word'><a class='" + words + "' onclick='pronance(this)'>" +
                  words + "</a></div>");
```

## 第二部分

```javascript
$("button#dictation").click(function () {
    var childs = $(".display").find("div > a");
    var pn = document.getElementsByName("proun");
    var p = 1;
    for (n = 0; n < pn.length; n++) {
      if (pn.checked) {
            p = pn.value;
      }
    }
    var i = 0;
    var t = document.getElementById("time").value;

    function myloop() {
      setTimeout(function () {
            var audio = $("#audio");
            audio.attr("src", "http://dict.youdao.com/dictvoice?audio=" + $(childs).attr("class") +
                "&type=" + p);
            audio.get(0).play();
            i++;
            if (i < childs.length) {
                myloop();
            }
      }, 1000 * t);
    }

    myloop();


});

```



## 感激不尽!

### 主要是第二部分!

jiujiukeji 发表于 2020-6-25 02:25

本帖最后由 jiujiukeji 于 2020-6-25 02:52 编辑

第一部分
如果 id="txtJSON" 的input等于空弹出      (请输入单词!) 否则就显示一些什么东西

第二部分

点击id=“dictation”的按钮做一些什么操作好像是有道翻译的发音?



第一部分 好像 是输入 文字    显示翻译与不同国家
而第二部分 点击按钮   添加输入文字翻译的这个国家的发音的地址

无阻 发表于 2020-6-25 03:16

function zhuanhuan() {
    if (document.getElementById("txtJSON").value == "") {
      alert('请输入单词!');//判断txtJson元素输入是否为空白
    } else {
            $(".display").empty();
            var words = $('#txtJSON').val().split("\n"); //以换行符分割txtJson元素的字符串到words数组
            for (i = 0; i < words.length; i++) {
                $(".display").append("<div class='word'><a class='" + words + "' onclick='pronance(this)'>" +
                  words + "</a></div>");添加若干个div

$("button#dictation").click(function () {
    var childs = $(".display").find("div > a"); //
    var pn = document.getElementsByName("proun");
    var p = 1;
    for (n = 0; n < pn.length; n++) {
      if (pn.checked) {
            p = pn.value; //获取上面函数的生成的div的value属性
      }
    }
    var i = 0;
    var t = document.getElementById("time").value;

    function myloop() {
      setTimeout(function () {
            var audio = $("#audio");
            audio.attr("src", "http://dict.youdao.com/dictvoice?audio=" + $(childs).attr("class") +
                "&type=" + p);
            audio.get(0).play();//GET有道词典的音频外链地址 获取音频文件
            i++;
            if (i < childs.length) {
                myloop();
            }
      }, 1000 * t);
    }

    myloop();

});

feichedang 发表于 2020-6-25 06:23

纯帮顶了。

lonny888 发表于 2020-6-25 08:16

我不能,我惭愧{:301_997:}

zbr878458173 发表于 2020-6-25 09:06

写代码不写注释的人都应该打死.当然 如果是嫖的 当我没说

kabengqi 发表于 2020-6-25 09:30

JS的代码本人写了都不一定看得懂。。。

urdarling 发表于 2020-6-25 09:33

//点击dictation执行
$("button#dictation").click(function () {
//dictation下遍历div下面的a标签
    var childs = $(".display").find("div > a");
//获得所有proun
    var pn = document.getElementsByName("proun");
//循环遍历所有proun,把打勾的proun存入p    var p = 1;
    for (n = 0; n < pn.length; n++) {
      if (pn.checked) {
            p = pn.value;
      }
    }
    var i = 0;
    var t = document.getElementById("time").value;

    function myloop() {
      setTimeout(function () {
            var audio = $("#audio");
            audio.attr("src", "http://dict.youdao.com/dictvoice?audio=" + $(childs).attr("class") +
                "&type=" + p);
            audio.get(0).play();
            i++;
            if (i < childs.length) {
                myloop();
            }
      }, 1000 * t);
    }
//最后执行该循环,获得所有audio 给audio设置超链接 链接地址拼接的就是上面获得的childs数组和p
拼接完成后立刻播放,根据你选择的time设置播放的间隔
    myloop();

});

無影 发表于 2020-6-25 10:14

惭愧,惭愧
页: [1]
查看完整版本: 我已经超级懵逼了,谁能帮我解读一下这段代码?