会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 128777个问题
WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 16楼
WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 18楼
WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 19楼

$(function () {

    //播放歌曲

    function musicPlay() {

        var audio = $("#audio")[0];

        if (audio.paused) {

            audio.play();

            $("#playImg").attr("src", "./images/pause.png")

        } else {

            audio.pause();

            $("#playImg").attr("src", "./images/play-btn_03.png")


        }



        //播放时间

        var playTimer = null;

        playTimer = setInterval(function () {

            //当前播放时长

            var playTime_s = audio.currentTime;


            var mTime = parseInt(playTime_s / 60);

            var sTime = parseInt(playTime_s % 60);



            //音乐总时长

            var totalTme_s = audio.duration;


            var mTime_total = parseInt(totalTme_s / 60);

            var sTime_total = parseInt(totalTme_s % 60);

            function checkTime(m,s){

                if(m<10){

                    m="0"+m;

                }else{

                    m+=""

                }


                if(s<10){

                    s="0"+s;

                }else{

                    s+=""

                }


                return m +":"+ s

            }


            var pagePassedTime=checkTime(mTime.sTime);

            var pageTotalTime=checkTime(mTime_total,sTime_total);

         

            $("#passTime").html(pagePassedTime);

            $("#totalTime").html(pageTotalTime);



        }, 1000)



    }


    $("#playBtn").on("click", function () {

        musicPlay();

    })

})


老师,我这个浏览器总时长可以显示但当前播放时长就是undefined了

我Id没有写错,后台打印也只能显示出总时长。

image.png

WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 20楼
WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 21楼
WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 22楼
WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 23楼
WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 25楼
WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 26楼

image.png

WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 27楼


Bluebreey Pie_sever (2).zip

这里有两个错误

image.png

WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 28楼

Bluebreey Pie_sever.zip

按照老师的步骤有一个错误导致我这个轮播图不能播放了

WEB前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 29楼
WEB前端全系列/第六阶段:音乐社区高级项目模块/移动端:基于jQuery使用Ajax和BootStrap 30楼

百战程序员微信公众号

百战程序员微信小程序

©2014-2024 百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637