Fatal编程技术网
  • javascript/
  • Javascript 倒数计时不是'；t正在进行镀铬扩展

Javascript 倒数计时不是'；t正在进行镀铬扩展

javascript google-chrome google-chrome-extension

Javascript 倒数计时不是'；t正在进行镀铬扩展,javascript,google-chrome,google-chrome-extension,countdown,Javascript,Google Chrome,Google Chrome Extension,Countdown,我刚开始做扩展，这让我发疯。当我在浏览器中本地加载页面时，我的倒计时工作正常，但当我尝试将其作为扩展时，只显示html，javascript不工作（例如，当我在启动扩展时单击开始按钮时，没有任何变化，倒计时从不开始）。我将代码放在下面，这和我不把javascript放在“后台”有什么关系吗？我不明白Chrome文档的那部分 <html> <head> </head> <body> <script>var count

我刚开始做扩展，这让我发疯。当我在浏览器中本地加载页面时，我的倒计时工作正常，但当我尝试将其作为扩展时，只显示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>


var倒计时；
var倒计时\u编号=10000*3600
var天数；
var小时数；
var分钟；
var秒；
函数倒计时_init（）{
//倒计时_数=11；
倒计时触发（）；
}
函数倒计时\u触发器（）{
如果（倒计时次数>0）{
倒计时_数--；
//存储（）
天数=数学楼层（倒计时编号/（3600*24））
小时=（数学楼层（倒计时编号/（3600））-天*24）%24；
分钟=（数学楼层（倒计时）/（60））-小时*60）%60；
秒=（数学楼层（倒计时）－分钟*60）%60；
更新_计数器（）；
如果（倒计时次数>0）{
倒计时=设置超时（'countdown_trigger（）'，1000）；
}
}
}
函数更新_计数器（）{
document.getElementById（'timer_text'）。innerHTML=“天：“+Days+”
”+
小时：“+Hours+”
“+”分钟：“+Minutes+”
“+”秒：“+Seconds；
}
函数倒计时\u清除（）{
清除超时（倒计时）；
}
函数倒计时(u reset){
倒计时次数=10000*3600；
更新_计数器（）；
清除超时（倒计时）；
}
函数writeItem（）{
localStorage[1]=倒计时\u编号；
}
函数returnItem（）{
存储的var=localStorage[1]；
document.getElementById（'item'）。innerHTML=倒计时\u编号；
}
函数存储（）{
writeItem（）；
}
10000小时计时器
你好

准备好开始了吗？
Chrome扩展不支持内联JavaScript。

试试这个JS：-

document.addEventListener('DOMContentLoaded', function () {
  document.querySelector('#start').addEventListener('click', countdown_init);
  document.querySelector('#stop').addEventListener('click', countdown_clear);
  document.querySelector('#reset').addEventListener('click', countdown_reset);
  document.querySelector('#store').addEventListener('click', store);

});

var countdown_number=10000*3600;
var days;
var hours;
var minutes;
var seconds;
var countdown;

function countdown_init(e) {
    //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_init, 1000);
        }
    }
}

function update_counter(){
     document.getElementById('timer_text').innerHTML = "Days: "+days+"<br>"+
        " Hours: " + hours +"<br>"+" Minutes: " + minutes +"<br>"+" Seconds: " + seconds;
}

function countdown_clear(e) {
    clearTimeout(countdown);
}

function countdown_reset(e){
    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(e){
    writeItem();
}

document.addEventListener（'DOMContentLoaded'，函数（）{
document.querySelector（“#start”）.addEventListener（'click'，countdown_init）；
document.querySelector（“#stop”）.addEventListener（'click'，countdown_clear）；
document.querySelector（“#reset”）.addEventListener（'click'，countdown#u reset）；
document.querySelector（“#store”）.addEventListener（'click'，store'）；
});
var倒计时_数=10000*3600；
var天数；
var小时数；
var分钟；
var秒；
var倒计时；
函数倒计时_init（e）{
//倒计时_数=11；
倒计时触发（）；
}
函数倒计时\u触发器（）{
如果（倒计时次数>0）{
倒计时_数--；
//存储（）
天数=数学楼层（倒计时编号/（3600*24））；
小时=（数学楼层（倒计时编号/（3600））-天*24）%24；
分钟=（数学楼层（倒计时）/（60））-小时*60）%60；
秒=（数学楼层（倒计时）－分钟*60）%60；
更新_计数器（）；
如果（倒计时次数>0）{
倒计时=设置超时（倒计时开始，1000）；
}
}
}
函数更新_计数器（）{
document.getElementById（'timer_text'）。innerHTML=“天：“+Days+”
”+
小时：“+Hours+”
“+”分钟：“+Minutes+”
“+”秒：“+Seconds；
}
功能倒计时\u清除（e）{
清除超时（倒计时）；
}
功能倒计时\复位（e）{
倒计时次数=10000*3600；
更新_计数器（）；
清除超时（倒计时）；
}
函数writeItem（）{
localStorage[1]=倒计时\u编号；
}
函数returnItem（）{
存储的var=localStorage[1]；
document.getElementById（'item'）。innerHTML=倒计时\u编号；
}
功能存储（e）{
writeItem（）；
}
和HTML：-

<div>
    <h1> 10,000 Hours Timer </h1>
    <input type="button" id="start" value="start countdown"  />
    <input type="button" id="stop" value="stop countdown"  />
    <input type="button" id="reset" value="reset" />
    <input type="button" id="store" value="store" />
    <p id="item">Hi</p>
</div>
<div id="timer_text">Ready To Start?</div>


10000小时计时器
你好

准备好开始了吗？
Chrome扩展不支持内联JavaScript。

试试这个JS：-

document.addEventListener('DOMContentLoaded', function () {
  document.querySelector('#start').addEventListener('click', countdown_init);
  document.querySelector('#stop').addEventListener('click', countdown_clear);
  document.querySelector('#reset').addEventListener('click', countdown_reset);
  document.querySelector('#store').addEventListener('click', store);

});

var countdown_number=10000*3600;
var days;
var hours;
var minutes;
var seconds;
var countdown;

function countdown_init(e) {
    //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_init, 1000);
        }
    }
}

function update_counter(){
     document.getElementById('timer_text').innerHTML = "Days: "+days+"<br>"+
        " Hours: " + hours +"<br>"+" Minutes: " + minutes +"<br>"+" Seconds: " + seconds;
}

function countdown_clear(e) {
    clearTimeout(countdown);
}

function countdown_reset(e){
    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(e){
    writeItem();
}

document.addEventListener（'DOMContentLoaded'，函数（）{
document.querySelector（“#start”）.addEventListener（'click'，countdown_init）；
document.querySelector（“#stop”）.addEventListener（'click'，countdown_clear）；
document.querySelector（“#reset”）.addEventListener（'click'，countdown#u reset）；
document.querySelector（“#store”）.addEventListener（'click'，store'）；
});
var倒计时_数=10000*3600；
var天数；
var小时数；
var分钟；
var秒；
var倒计时；
函数倒计时_init（e）{
//倒计时_数=11；
倒计时触发（）；
}
函数倒计时\u触发器（）{
如果（倒计时次数>0）{
倒计时_数--；
//存储（）
天数=数学楼层（倒计时编号/（3600*24））；
小时=（数学楼层（倒计时编号/（3600））-天*24）%24；
分钟=（数学楼层（倒计时）/（60））-小时*60）%60；
秒=（数学楼层（倒计时）－分钟*60）%60；
更新_计数器（）；
如果（倒计时次数>0）{
倒计时=设置超时（倒计时开始，1000）；
}
}
}
函数更新_计数器（）{
document.getElementById（'timer_text'）。innerHTML=“天：“+Days+”
”+
小时：“+Hours+”
“+”分钟：“+Minutes+”
“+”秒：“+Seconds；
}
功能倒计时\u清除（e）{
清除超时（倒计时）；
}
功能倒计时\复位（e）{
倒计时次数=10000*3600；
更新_计数器（）；
清除超时（倒计时）；
}
函数writeItem（）{
localStorage[1]=倒计时\u编号；
}
函数returnItem（）{
存储的var=localStorage[1]；
document.getElementById（'item'）。innerHTML=倒计时\u编号；
}
功能存储（e）{
writeItem（）；
}
和HTML：-

<div>
    <h1> 10,000 Hours Timer </h1>
    <input type="button" id="start" value="start countdown"  />
    <input type="button" id="stop" value="stop countdown"  />
    <input type="button" id="reset" value="reset" />
    <input type="button" id="store" value="store" />
    <p id="item">Hi</p>
</div>
<div id="timer_text">Ready To Start?</div>


10000小时计时器
你好

准备好开始了吗？
谢谢，这使我的文本更改为“天：小时：分钟：秒”，因此html更改了，但计时器仍然不工作。这是否与某些功能（如setTimeout）如何从Chrome的某些功能中被阻止有关？TLDR：倒计时本身还没有开始，我已经做了一些小动作