Javascript 如何集成:Knob.js+;聚合物1.0+;自定义脚本?
我是聚合物和爪哇的新手。现在我正在尝试建立一个站点,它是由Aterien()开发的Polymer 1.0、一个自定义java脚本()和Knob.js构建的。 脚本中有一个倒计时函数,我想用来动态更改jQuery-Knob.js的旋钮 自定义脚本中的倒计时部分:Javascript 如何集成:Knob.js+;聚合物1.0+;自定义脚本?,javascript,jquery,html,polymer-1.0,jquery-knob,Javascript,Jquery,Html,Polymer 1.0,Jquery Knob,我是聚合物和爪哇的新手。现在我正在尝试建立一个站点,它是由Aterien()开发的Polymer 1.0、一个自定义java脚本()和Knob.js构建的。 脚本中有一个倒计时函数,我想用来动态更改jQuery-Knob.js的旋钮 自定义脚本中的倒计时部分: var mTimeLeft = 120; var timerRunning = false; function timer (timeLeft) { if (!timerRunning || timeLeft <= 0) {
var mTimeLeft = 120;
var timerRunning = false;
function timer (timeLeft) {
if (!timerRunning || timeLeft <= 0) {
timerRunning = false;
return;
}
if (timeLeft !== undefined) {
mTimeLeft = timeLeft;
}
//Set something on the page to show the time left
$('#time-left').text(parseInt(mTimeLeft) + 's');
mTimeLeft--;
if (mTimeLeft <= 0) {
timerRunning = false;
return;
}
setTimeout(timer, 1000);
}
var mtimelft=120;
var timerRunning=错误;
功能计时器(timeLeft){
如果(!timerRunning | | timeLeft
<link rel="import" href="bower_components/polymer/polymer.html">
<dom-module id="knob">
<style>
</style>
<template>
<input type="text" value="60" id="dial" data-width="200">
</template>
</dom-module>
<script type="application/javascript">
Polymer ({
is: "knob",
ready: function() {
$(this.$.dial).knob({
'min':0,
'max':120,
}
);
}
});
</script>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="bower_components/aterrien/jQuery-Knob/js/jquery.knob.js"></script>
<paper-card elevation="1" class="pot">
<knob></knob>
</paper-card>