Ferris教程学习笔记:js示例3.5 页面加载后累加，自加1

weixin_34162401

于 2013-12-13 16:41:00 发布

阅读量125

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/kaka100/p/3473427.html

本文展示了一个简单的HTML、CSS和JavaScript代码片段，实现页面加载后自动累加计数的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 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"><head>
 3 <meta http-equiv="Content-Type" content="text/html; charset=gbk">
 4 <title>页面加载后累加，自加1</title>
 5 <style type="text/css">
 6 body{text-align:center;font:700 30px/1.5 arial;}
 7 </style>
 8 </head>
 9 <body>
10 5
11 <script type="text/javascript">
12  window.onload = function(){
13    var i = 1;
14    var d = document.body;
15    setInterval(function(){
16      d.innerHTML = ++i;
17    },1000);
18  }
19 </script>
20 </body>
21 </html>