Javascript计时器问题_Javascript_Html_Timer

Javascript计时器问题

javascript html timer

Javascript计时器问题,javascript,html,timer,Javascript,Html,Timer,我的计时器不会显示任何东西，我想这与insertBefore函数有关，但我不确定。你知道为什么我的span中没有显示任何数字吗 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head

我的计时器不会显示任何东西，我想这与insertBefore函数有关，但我不确定。你知道为什么我的span中没有显示任何数字吗

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function timeMsg()
{
var t=setTimeout("displayMsg()",5000);
}
function displayMsg()
{
document.getElementById("timeoutmsg").style.display = 'block';
}

COUNTER_START = 60

function tick () {
    if (document.getElementById ('counter').firstChild.data > 0) {
        document.getElementById ('counter').firstChild.data = document.getElementById ('counter').firstChild.data - 1
        setTimeout ('tick()', 1000)
    } else {
        document.getElementById ('counter').firstChild.data = 'done'
    }
}

if (document.getElementById) onload = function () {
    var t = document.createTextNode (COUNTER_START)
    var p = document.createElement ('P')
    p.appendChild (t)
    p.setAttribute ('id', 'counter')

    var body = document.getElementsByTagName ('timer')[0]
    var firstChild = body.getElementsByTagName ('*')[0]

    body.insertBefore (p, firstChild)
    tick()
}

</script>
</head>

<body>
<div id="timeoutmsg" style="border: solid 2px black; background-color: #69F; width: 300px; height: 100px; text-align: center; position: absolute; display: ; left: 40%; top: 40%; z-index: 1;" >Your Session will expire in  <span id="timer"></span> Click Here to Contine or you will be logged out.</div>
</body>
</html>


无标题文件
函数timeMsg（）
{
var t=setTimeout（“displayMsg（）”，5000）；
}
函数displayMsg（）
{
document.getElementById（“timeoutmsg”）.style.display='block'；
}
计数器启动=60
函数勾号（）{
if（document.getElementById（'counter'）.firstChild.data>0）{
document.getElementById（'counter'）.firstChild.data=document.getElementById（'counter'）.firstChild.data-1
setTimeout（'tick（）'，1000）
}否则{
document.getElementById（'counter'）.firstChild.data='done'
}
}
if（document.getElementById）onload=函数（）{
var t=document.createTextNode（计数器启动）
var p=document.createElement（'p'）
p、 儿童（t）
p、 setAttribute（'id'，'counter'）
var body=document.getElementsByTagName（'timer'）[0]
var firstChild=body.getElementsByTagName（'*'）[0]
body.insertBefore（p，第一个孩子）
勾选（）
}
您的会话将在中过期，请单击此处继续，否则您将注销。

试试这个

问题出在这条线上

var body = document.getElementsByTagName ('timer')[0]

改成

var body = document.getElementById('timer');

成功了