会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132390个问题
JAVA 全系列/第三阶段:数据库编程/MySQL数据库的使用 8312楼
WEB前端全系列/第七阶段:ECMAScript6新特性模块/ES6 第一部分 8313楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/容器 8314楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/容器 8315楼
WEB前端全系列/第一阶段:HTML5+CSS3模块/表单 8316楼
JAVA 全系列/第七阶段:生产环境部署与协同开发/Docker 8317楼
JAVA 全系列/第五阶段:JavaWeb开发/Servlet技术详解 8318楼
Python 全系列/第二阶段:Python 深入与提高/(旧)坦克大战 8320楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 8322楼

$(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前端全系列/第六阶段:音乐社区高级项目模块/音乐社区项目_蓝莓派 8323楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/容器 8324楼
JAVA 全系列/第十二阶段:Spring Cloud Alibaba技术栈/Zookeeper 8325楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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