私は拡張機能を作成するのが初めてで、これが私を夢中にさせています。ブラウザにローカルでページをロードするとカウントダウンは機能しますが、拡張機能にしようとすると、htmlのみが表示され、JavaScriptが機能しません(たとえば、拡張機能を起動するときにスタートボタンをクリックすると、何も変更されず、カウントダウンは開始されません。)コードを下に配置します。これは、JavaScriptを「バックグラウンド」に配置しないことと関係がありますか?Chromeドキュメントのその部分がわかりませんでした
<html>
<head>
</head>
<body>
<script>var countdown;
var countdown_number=10000*3600
var days;
var hours;
var minutes;
var seconds;
function countdown_init() {
//countdown_number = 11;
countdown_trigger();
}
function countdown_trigger() {
if(countdown_number > 0) {
countdown_number--;
//store()
days = Math.floor(countdown_number/(3600*24))
hours = (Math.floor(countdown_number/(3600))-days*24) % 24;
minutes = (Math.floor(countdown_number/(60))-hours*60) % 60;
seconds = (Math.floor(countdown_number)-minutes*60) % 60;
update_counter();
if(countdown_number > 0) {
countdown = setTimeout('countdown_trigger()', 1000);
}
}
}
function update_counter(){
document.getElementById('timer_text').innerHTML = "Days: "+days+"<br>"+
" Hours: " + hours +"<br>"+" Minutes: " + minutes +"<br>"+" Seconds: " + seconds;
}
function countdown_clear() {
clearTimeout(countdown);
}
function countdown_reset(){
countdown_number=10000*3600;
update_counter();
clearTimeout(countdown);
}
function writeItem(){
localStorage[1] = countdown_number;
}
function returnItem() {
var stored = localStorage[1];
document.getElementById('item').innerHTML=countdown_number;
}
function store(){
writeItem();
}
</script>
<div>
<h1> 10,000 Hours Timer </h1>
<input type="button" value="start countdown" onclick="countdown_init()" />
<input type="button" value="stop countdown" onclick="countdown_clear()" />
<input type="button" value="reset" onclick="countdown_reset()"/>
<input type="button" value="store" onclick="store()"/>
<p id="item">Hi</p>
</div>
<div id="timer_text">Ready To Start?</div>
</body>
</html>