Javascript 单击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元素和一个timer函数,如下所示

单击div后如何启动该函数

<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
更新了我的答案,请立即尝试,并告诉我它是否有效