Javascript 单击div后启动函数
我有一个div元素和一个timer函数,如下所示 单击div后如何启动该函数Javascript 单击div后启动函数,javascript,jquery,function,html,Javascript,Jquery,Function,Html,我有一个div元素和一个timer函数,如下所示 单击div后如何启动该函数 <div id="link"></div> <script type="text/javascript"> var obj = document.getElementById('link'); var timerFIG = 7; var timer = setInterval("startTimer()",1000); function startT
<div id="link"></div>
<script type="text/javascript">
var obj = document.getElementById('link');
var timerFIG = 7;
var timer = setInterval("startTimer()",1000);
function startTimer() {
if(timerFIG !== 1) {
timerFIG--;
} else {
clearInterval(timer);
obj.innerHTML = '<img src="/button.png" border="0" />';
}
}
</script>
var obj=document.getElementById('link');
var-timerFIG=7;
var timer=setInterval(“startTimer()”,1000);
函数startTimer(){
如果(timerFIG!==1){
timerFIG--;
}否则{
清除间隔(计时器);
obj.innerHTML='';
}
}
使用jQuery
//dom ready handler
jQuery(function ($) {
var $obj = $('#link');
var timerFIG = 7;
var timer;
//click handler for the link
$obj.click(function () {
timer = setInterval(startTimer, 1000);
})
function startTimer() {
if (timerFIG !== 1) {
timerFIG--;
} else {
clearInterval(timer);
$obj.html('<img src="/button.png" border="0" />');
}
}
})
//dom就绪处理程序
jQuery(函数($){
var$obj=$('链接');
var-timerFIG=7;
无功定时器;
//单击链接的处理程序
$obj.单击(函数(){
定时器=设置间隔(起始定时器,1000);
})
函数startTimer(){
如果(timerFIG!==1){
timerFIG--;
}否则{
清除间隔(计时器);
$obj.html(“”);
}
}
})
演示:试试这个
<div id="link">7</div>
<input type="button" value="Start" onclick="startcounting();"/>
<script type="text/javascript">
var obj = document.getElementById('link');
var timerFIG = 7;
function startcounting()
{
var timer = setInterval(function(){
if(timerFIG != 1) {
timerFIG--;
obj.innerHTML = timerFIG;
} else {
clearInterval(timer);
obj.innerHTML = '<img src="/button.png" border="0" />';
}
},1000);
}
</script>
7
var obj=document.getElementById('link');
var-timerFIG=7;
函数startcounting()
{
var timer=setInterval(函数(){
如果(timerFIG!=1){
timerFIG--;
obj.innerHTML=timerFIG;
}否则{
清除间隔(计时器);
obj.innerHTML='';
}
},1000);
}
我只使用javascript
更新了我的答案,请立即尝试,并告诉我它是否有效