实例95.点击按钮显示停留时间.html

JavaScript精彩网页特效实例精粹

<script language="JAVASCRIPT">
<!--
var time_start = new Date();                // 创建对象
var clock_start = time_start.getTime();     // 获取当前时间
function get_time_spent ()
{ 
var time_now = new Date();                  // 创建对象
return((time_now.getTime() - clock_start)/1000); 
}
function show_secs()
{ 
var total_secs = Math.round(get_time_spent());  // 计算总时间
var secs_spent = total_secs % 60;
var mins_spent = Math.round((total_secs-30)/60); 
var secs_spent = "" + ((secs_spent>9) ? secs_spent : "0" + secs_spent);        
// 计算停留秒钟
var mins_spent = "" + ((mins_spent>9) ? mins_spent : "0" + mins_spent);        
// 计算停留分钟
document.form0.time_spent.value = mins_spent + ":" + secs_spent;               
// 显示当前停留时间
alert("您在页面停留了" +mins_spent + ":" + secs_spent + "秒！" ); 
											// 弹出窗口显示完整的停留时间
}
// -->
</script>

<FORM name="form0" onSubmit="0">你在本页面的停留时间:
<INPUT type="button" name="time_spent" onclick="show_secs()" value=" 停留时间 "></FORM>