使用JS实现倒计时(在页面上动态的显示)
2008-10-23 12:51
971 查看
<SCRIPT language=JavaScript>
<!--
var maxtime;
maxtime = 60*60;
function CountDown(){
if(maxtime>=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
msg = ""+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML = msg;
if(maxtime == 20*60) alert('注意,还有4分钟!");
if(maxtime == 2*60) alert('注意,还有2分钟!");
if(maxtime == 1*60) alert('注意,还有1分钟!");
--maxtime;
window.name = maxtime;
}
}
timer = setInterval("CountDown()",1000);
//-->
</SCRIPT>
</head>
<body>
<br>
<span id=timer></span>
<!--
var maxtime;
maxtime = 60*60;
function CountDown(){
if(maxtime>=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
msg = ""+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML = msg;
if(maxtime == 20*60) alert('注意,还有4分钟!");
if(maxtime == 2*60) alert('注意,还有2分钟!");
if(maxtime == 1*60) alert('注意,还有1分钟!");
--maxtime;
window.name = maxtime;
}
}
timer = setInterval("CountDown()",1000);
//-->
</SCRIPT>
</head>
<body>
<br>
<span id=timer></span>
相关文章推荐
- js实现 页面显示系统时间(中文显示星期)、动态倒计时页面跳转
- js:页面多处输入只使用一个验证码/获得焦点显示/onblur隐藏实现
- 如何使用JS实现页面内容随机显示
- 经典js代码 实现动态传值 实现动态页面传值 options动态显示数据
- 一个页面实现修改删除列表显示,ajax动态生成table(使用ajax,springmvc,jsp)
- 如是使用JS实现页面内容随机显示
- 用js实现倒计时和在页面显示当前时间
- 使用js中的Window对象实现静态页面或者动态页面的跳转
- 使用js实现显示系统当前时间并实现倒计时功能并触发模态框(遮罩)功能
- JS实现HTML页面中动态显示当前时间完整示例
- js实现动态获取系统时间,显示到页面上
- js实现动态获取系统时间,显示到页面上
- 使用js在页面增加倒计时功能和显示年月日星期
- 中信-js对象的使用(实现的显示时间动态变化)
- 使用js实现-动态显示复选框选中个数
- js实现页面动态显示星级评价
- 利用JS实现:页面组件的动态显示、隐藏
- js 实现页面动态显示时间
- 解决使用Vue.js显示数据的时,页面闪现原始代码的问题
- JS设置隐藏或者显示,不刷新页面的情况下动态设置其显示或隐藏