如何用js实现达到某一条件后调用一个js函数实现播放音乐？

2015-12-16 12:14:26 1.8k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

用JavaScript实现简易的网页音乐播放器用JavaScript实现简易的网页音乐播放器最近疫情在家，利用这段时间开始自学HTML等内容，目前在写自己的个人主页，想用音乐来给自己的主页增添点特色。一开始单纯用audio标签添加音乐，带上autoplay和loop属性，但在让朋友测试这个页面的时候遇到了问题：这个问题意味着，Safari在没有用户操作的情况下不会自动播放所插入的音乐，也就是说autoplay是没有用的，但是audio... 阅读详情

用html+js写一个贪吃蛇，在通关时想播放音乐，用js函数实现，html代码如下

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<div id="score1">当前回合:0      当前得分:0</div>

<canvas id="canvas" width="300" height="300"></canvas>

<div id="control">游戏控制: W = 上；  A = 左；  S = 下；  D = 右</div>

<script type="text/javascript" src="tanchish2.js"></script>

<bgsound id="bgs"src="" loop=1>

<audio src=""></audio>

</body>

</html>

通关部分js代码如下

function eatRat()

{

    if(bodyX1[0] == rX && bodyY1[0] == rY)

    {

        eaten = true;



        // 计算新尾巴的坐标

        var newX = bodyX1[snakeLength1-1]-vX[snakeLength1-1]*sqSize;

        var newY = bodyY1[snakeLength1-1]-vY[snakeLength1-1]*sqSize;



        // 添加新尾巴到body数组中

        bodyX1.push(newX);

        bodyY1.push(newY);

        vX.push(vX[snakeLength1-1]);

        vY.push(vY[snakeLength1-1]);

        snakeLength1++;   // 长度增加



        score1 += 10;    // 计分



        // 关卡设计

        if((score1%50) == 0)

        {

            level++;

            playSound();

        }





        // 更新到页面

        scoreDiv.innerHTML = "第" + level + "关 分数: " + score1 ;

    }

}