Question

我有一个带图标播放的链接，当我点击此图标时，我想开始播放声音。在声音开始的那一刻，我想要显示一个停止图标来替换播放图标。

我尝试使用下面的代码执行此操作，但isn´t正在运行：

program project2_ex6 implicit none integer(kind=3)::degrees,i,sign integer::n double precision::x,err_limit,s_old,s real,parameter::pi=3.14159265359 print*,'This program calculates the cos(x)' print*,"Enter the angle's degrees" read*,degrees do if(degrees<0.or.degrees>360) then print*,'Degrees must be between 0-360' else x=pi*degrees/180 exit end if end do sign=1 sign=sign*(-1) err_limit=1e-5 n=0 s=0 s_old=0 do do i=1,n end do s=(((-1.)**n/(fact(2.*n)))*x**(2.*n))*sign s=s+s_old n=n+1 if(abs(s-s_old)<1e-5) then exit else s_old=s cycle end if end do print*,s,i,n contains real function fact(i) double precision::fact integer::i if(i>=1) then fact=i*fact(i-1) else fact=1 end if return end function end program

jquery:

Answer 1

这就是你需要的吗？

我做了一个小提琴：http://jsfiddle.net/boqs38pf/

HTML：

<audio id="audio1" src="http://www.freesfx.co.uk/rx2/mp3s/10/11771_1410942915.mp3"></audio>

<a id="play"  href="#" onClick="play()"><i class="fa fa-play"></i></a>
<a id="stop" href="#" onClick="play()"><i class="fa fa-stop"></i></a>

Jquery：

$(document).ready(function() {
    var audioElement = document.getElementById('audio1');
    $('#stop').hide();

    $('#play').click(function() {
        $('#play').hide();
        $('#stop').show();
        audioElement.play();
    });


    $('#stop').click(function() {
        $('#play').show();
        $('#stop').hide();
        audioElement.pause();
    });
});

Answer 2

为了使多个音频文件更具动态性，你想要做的就是为每个按钮分配一个id，其编号与你想要控制的歌曲的id相匹配。之后你需要在.click函数中添加一些代码，这些代码将获得点击按钮的id并播放带有相关ID的歌曲。

$('.play').click(function(){
        var i = $(this).attr('id');
        var c = parseInt(i); 
        var g = '#idofsong' + c; 
        g.play();
    });

编辑：这是一个有效的fiddle

如果id包含字母

，您还想使用var c = i.replace(/[A-Za-z$-]/g, "");而不是parseInt

单击图标播放以开始声音，然后单击停止图标以停止声音

2 个答案: