새 탭에서 자바 스크립트 시계

저는 여기에 새로운 사람입니다. 제 질문이나 '에티켓'에 관한 내용이 있으면 알려주세요.새 탭에서 자바 스크립트 시계

Google 크롬에서 맞춤 설정 한 새 탭 확장 프로그램을 만들고 JavaScript 타임 코드에 문제가 있습니다. Chrome에서 확장 폴더를로드 할 때마다 컴파일러를 사용하는 대괄호에서 작동하지만 시간은 표시되지 않습니다. 주위를 검색 한 후, 나는 외부 파일보다는 자바 스크립트 인라인을 가지고 있기 때문에 자연스럽게 내 스크립트를 time.js 파일로 옮기려고 시도했기 때문에 이것이라는 것을 알게되었습니다. 새 탭로드시에 시간을 표시하는 방법에 대해서는 완전히 확신 할 수는 없지만 모든 시도를 보여줄 것이라고 생각했습니다.

<html> 
<head> 
    <title>New Tab</title> 
    <script type = "text/javascript" src = "time.js"></script> 
</head> 
<body onload = "startTime()"> 
    <div id = "time"></div> 
    </div> 
</body>

이^어떤 이유로 HTML 태그를 닫는 볼 수 없습니다 : 무관 코드를 무시

내 index.html 파일은으로 표시됩니다. 어쨌든, 여기 내 time.js 파일이 일부까지 변경 w3school 코드를 사용한다 :

function startTime() { 
    var today = new Date(); 
    var h = today.getHours(); 
    var m = today.getMinutes(); 
    h = minusTwelve(h); 
    m = checkTime(m); 
    document.getElementById('time').innerHTML = 
    h + ":" + m; 
    var t = setTimeout(startTime, 500);} 
function minusTwelve(i) { 
if (i > 12) {i = i - 12}; 
if (i == 0) {i = 12}; 
return i; 

function minusTwelve(i) { 
if (i > 12) {i = i - 12}; 
if (i == 0) {i = 12}; 
return i;} 

function checkTime(i) { 
if (i < 10) {i = "0" + i}; 
return i;}

(그 마지막 두 함수에서 들여 쓰기에 대한 미안, 뭔가 이상하게 갔다 : P)

을 어쨌든, 나는이 있습니다 지금까지 Chrome에서 탭이로드되는 시간을 통합하는 방법을 잘 모르겠습니다. 일부 사람들이 addEventListener 또는 클릭 및 기타 등등을 언급하는 것을 보았습니다. 그러나 이것이 여기에 어떻게 적용될 지 확신하지 못합니다. 또한, 내 HTML의 본문에 onload 호출이며, 내가이 돌봐 줄 것이라고 생각하지만, 그것은없는 것 같습니다 : /. 나는 정말로 당신의 도움에 감사 할 것입니다.

감사합니다!

출처

2016-06-05 Sami

자바 스크립트 콘솔에서 오류를 볼 수 있습니까?

또한 내가 발견 한 것은, 당신이 문제를

가 해결되는지 확인 귀하의 첫 번째 기능 minusTwelve()

에 대한 닫는 중괄호를 놓친 그리고 당신은 매니페스트 파일에 스크립트 파일을 언급 한 것입니다? Check this docs

출처

2016-06-05 06:32:44

안녕하세요! 응답 해 주셔서 감사합니다. 그게 내 편이니까 내 코드를 복사하고 붙여 넣는 데 어려움이있어 내 코드에 minusTwelve() 함수 만 있고 Chrome에서 확장으로 가져 오지 않으면 완벽하게 작동합니다. 나는 콘텐츠 스크립트에 대해 몰랐다. {... "content_scripts": [ { "일치": [ ""], "CSS": [ "있는 style.css"], "의 JS"나는 내 manifest.json을 파일에이를 추가 : [ "time.js"], "run_at": "document_end" } ], \t ... } 추가 도움이 매우 감사하겠습니다! – Sami

코드 디버깅을 시도해야합니다. https://developer.chrome.com/extensions/tut_debugging –

Hello again Akhilesh. 귀하의 답변에 감사드립니다! 튜토리얼을 살펴본 결과, 다른 중단 점을 살펴 보았지만 Javascript가 나타나는 문제를 해결하지 못했습니다. 문제를 해결할 수있는 HTML로 작성해야하는 manifest.json에 대한 링크가 있습니까? 그리고 당신은 아마도 다른 방법으로 시간을 구현해야한다면 어떻게 할 수 있는지 알고 있습니까? 이벤트 리스너 나 다른 것을 사용하고 있습니까? 나는 당신의 대답에 정말로 감사한다, 아주 조금 haha을 배웠다. – Sami

새 탭에서 자바 스크립트 시계

답변

관련 문제