버튼을 클릭 할 때마다 버튼의 기능 전환

여기에 제공된 코드를 변경하려고합니다 : http://jsbin.com/iFesOvOs/1/edit 버튼 하나로 버튼을 시작하고 중지 할 수 있습니다.버튼을 클릭 할 때마다 버튼의 기능 전환

타이머가 중지 된 경우 단추를 누를 때 시작되고 실행중인 경우 타이머가 중지됩니다.

많은 기능을 갖춘 모바일 사이트를 만들고 추가 버튼을 배치 할 공간이 없기 때문에이 작업을 수행해야합니다.

내가 시도 무엇 : 우리는 타이머가 실행 중인지 감지 여부와 그에 따라 조치를 취할 수 있도록 버튼의 일부 속성을 변경 시도

.
localStorage에 타이머의 상태를 저장하고 다시 가져 와서 그에 따라 조치를 취해 보았습니다.
내가 전역 변수를 유지 시도,하지만 너무

때때로 원하는 기능 (오류 메시지와 함께) 모두에서 실행하고 때로는되지 않았다 작동하지 않았다, 나는 얻었다 범위를 벗어나는 변수의 오류 메시지 - 전역 변수를 사용하여 수정하려고 시도했지만 헛수음으로 만 시도했습니다.

무엇이 잘못 되었나요? 누군가 나를 도울 수 있습니까?

출처

2014-01-18 coder

당신이 말해 줄 수, 왜 전역 변수 솔루션 작업을하지 않았다? 방금 예제 코드에서 시도해 보았고, 저에게 도움이되었습니다. – BugiLesPaul

작동하지 않는 솔루션의 일부 코드를 표시 할 수 있습니까? 올바르게 구현되면 작동해야합니다. – phant0m

간단한 시작/중지 버튼 기능을 살펴보십시오. [jsFiddle updated] (http://jsfiddle.net/GKDev/wX35A/1/) – Givi

이 작동 ...

<input type="button" value="start" onclick="start(this);"> 


function start(b) { 
    if (b.value == 'stop'){ 
    b.value = 'start' 
    clearInterval(clocktimer); 
    return  
    } 
    b.value = 'stop' 
    clocktimer = setInterval("update()", 1); 
    x.start(); 
}

출처

2014-01-18 10:53:53

방금 과제를 수행 한 것처럼 느껴 집니까? –

버튼에 이름 (시작)이 포함 된 클래스를 추가하고 클래스 버튼 이름이 시작되는지 확인한 다음 추가 기능을 추가하여 삼량 체를 시작하고 버튼 클래스 이름을 중지로 변경하고, 클래스 이름이 중지되면 중지 타이머를 시작하고 시작할 클래스 이름을 변경하십시오.

출처

2014-01-18 10:47:20

버튼을 클릭 할 때마다 버튼의 기능 전환

답변

관련 문제