怎样用setInterval和setTimeout实现显示时间？
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>
