1、打开Visual Studio 2010，新建一个项目：文件----新建----网站或者项目。
2、进入项目主界面，在右边“解决方案管理器”,找到项目，然后右击选择“添加”，添加新建项。
3、在添加新项 对话框，选择“HTML页”，输入页面名称，确定。
4、setTimeout方式：页面添加js，代码如下：<script type="text/javascript"> //setTimeOut function ShowPerSecond() { var date = new Date(); dateArry = date.toLocaleDateString(); var time = date.toLocaleTimeString(); document.getElementById("show_div").innerHTML = dateArry + " " + time; document.getElementById("hdn_result").value = setTimeout("ShowPerSecond()", 1000); } function EndBySetTimeOut() { var result = document.getElementById("hdn_result").value; clearTimeout(result); }</script>
5、<body>标签添加如下代码:<div class="div_container"> <颊俄岿髭div class="div_welcome">欢迎光临本网站</div> <div id="show_div"> </div> <!--setTimeout方法--> <div class="div_option"> <input type="button" id="btn_timeStart" class="btn" value="开始" onclick="ShowPerSecond();" /> <input type="button" id="btn_timeEnd" class="btn" value="结束" onclick="EndBySetTimeOut()" /> <input type="hidden" id="hdn_result" /> </div></div>
6、setInterval方式：页面添加js，代码如下：<script type="text/javascript"> //显示时间 function ShowPerSecond() { var date = new Date(); dateArry = date.toLocaleDateString(); var time = date.toLocaleTimeString(); document.getElementById("show_div").innerHTML = dateArry + " " + time; } //开始 function StartBySetInterval() { document.getElementById("hdn_result").value = setInterval("ShowPerSecond()", 1000); } //结束 function EndBySetInterval() { var result = document.getElementById("hdn_result").value; clearInterval(result); }</script>
7、<body>标签内添加如下代码:<div class="div_container">稆糨孝汶; <div class="div_welcome"> 欢迎光临本网站</div> <div id="show_div"> </div> <!--setInterval方法--> <div> <input type="button" id="btn_start" value="开始" class="btn" onclick="StartBySetInterval()" /> <input type="button" id="btn_end" value="结束" class="btn" onclick="EndBySetInterval()" /> <input type="hidden" id="hdn_result" /> </div></div>
