这个html计时器为什么打开后什么都不显示?

html-css015

这个html计时器为什么打开后什么都不显示?,第1张

1、你引入xxx.js文件的代码没错;

2、注意你的html文件名称是 index(2).html,确保你在浏览器里访问的是这个文件;

3、并不是引入了js文件就会执行,有些js文件的内容不是执行代码,而是函数定义,这种情况要调用后才会执行的。

举例说明:

1、如果xxx.js文件的内容是

alert('ok')

那么在访问html文件时,会自动执行代码,弹出提示信息ok。

2、如果xxx.js文件的内容是

function aaa(){

alert('ok')

}

那么在访问html文件时,只是引入了函数aaa的定义,不会执行代码,所以不会弹出提示信息ok。

要在js文件或html文件中加入调用语句 aaa()才会执行,弹出提示信息ok。

<div align="center"><span class="STYLE7" id="clock">180</span><strong><span class="STYLE8">后二维码将过期失效</span>

<script type="text/javascript">var oclock=document.getElementById("clock")

var start1 = oclock.innerHTML

var finish = "0"

var timer = null

run()

function run() {//定义时间函数,让秒表每100ms变化一次

timer =setInterval("onTimer()", 1000)//100ms的定时器

}

function onTimer()

{

if (start1 == finish)//如果倒计时结束清除时间函数

{

clearInterval(timer)

start1="181"//(清除时间函数后还是会执行一次 所以多给一个10ms再动态赋值)

}

start1 -= 1//每次执行ms减10

oclock.innerHTML = start1//重新给oclock赋值

}

</script>

</div>记得采纳哦!