运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
AخA
 
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
<head>
4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5
<title>页面加载后累加,自加1</title>
6
<style> 
7
body{text-align:center;font:700 30px/1.5 arial;}
8
</style>
9
<script> 
10
window.onload = function ()
11
{
12
    var oBody = document.body;
13
    var i = 0;
14
    setInterval(updateNum, 1000);
15
    updateNum();
16
    function updateNum()
17
    {
18
        oBody.innerHTML = ++i   
19
    }
20
}
21
</script>
22
</head>
23
<body>
24
</body>
25
</html>
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
x
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
页面加载后累加,自加1,JS自动累加函数
分类
网站常用
描述
页面加载后累加,自加1,刷新以后,自动清空,每次打开网页,它都自动加上1,类似于网页计数器的功能,不过又有区别。查看代码会明白,其实实现本效果还是挺简单的。
收藏