小编The*_*Guy的帖子

我的音频播放器我需要获得音轨的持续时间.我需要一个函数来获取音频的src并返回其持续时间.这是我想要做的但不起作用:

function getDuration(src){
    var audio = new Audio();
    audio.src = "./audio/2.mp3";
    var due;
    return getVal(audio);
}
function getVal(audio){
    $(audio).on("loadedmetadata", function(){
        var val = audio.duration;
        console.log(">>>" + val);
        return val;
    });
}

我试图分成两个功能,但它不起作用.如果它像工作功能那样会很棒.

任何的想法？

我想确保我获得的URL window.location尚未包含特定的片段标识符.如果是的话,我必须删除它.所以我必须搜索URL,找到以#开头的字符串,mp-并一直持续到结束URL或下一个URL #(以防万一URL包含多个片段标识符).

输入和输出的例子:

www.site.com/#mp-1 --> www.site.com/
www.site.com#mp-1 --> www.site.com
www.site.com/#mp-1#pic --> www.site.com/#pic

我的代码:

(这显然不能正常工作)

var url = window.location;
if(url.toLowerCase().indexOf("#mp-") >= 0){
   var imgString = url.substring(url.indexOf('#mp-') + 4,url.indexOf('#'));
   console.log(imgString);
}

知道怎么做吗？

我有这个按钮,在悬停时进行转换.但不知何故,它有时并没有完成它的过渡.它走到一半然后停下来或卡在那里.一旦它盘旋,我怎么能让它完全过渡呢？

div.shuffle {
  background-image: url(https://goo.gl/PydgT2);
  background-color: transparent;
  width: 32px;
  height: 32px;
  transition: all 0.3s linear;
}
div.shuffle:hover {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
}

<div class="shuffle" style="background-color: transparent;"></div>

有什么想法解决它吗？

这是一个例子:注意转换类型如何陷入中途.我意识到只有当它已经悬停并且光标移动时才会发生.

我有一个不适合div标签的文字.textBox.所以我想创建一个函数,在悬停父div的情况下,文本开始从左向右滚动.因此用户可以阅读完整内容.当它没有悬停时,它会退回到默认位置.

我不想使用选框.我想保持结构不变,并使用CSS或JavaScript来解决它.

这是一个没有函数的例子:

.textBox {
  width: 200px;
  height: 30px;
  border: 1px solid #000;
  overflow: hidden;
  line-height: 30px;
  padding: 5px;
}

<div class="textBox">Some Content here and some more here</div>

知道怎么做吗？