简单的javascript实例一(时钟特效)
2024-10-19 03:37:35
方便以后copy
时钟特效
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>时钟特效</title>
<script type="text/javascript">
function time(){
var today = new Date(); //得到当前时间
//获得年、月、日、小时、分钟、秒
var yy = today.getFullYear();
var MM = today.getMonth();
var dd = today.getDay();
var hh = today.getHours();
var mm = today.getMinutes();
var ss = today.getSeconds(); document.getElementById("time").innerHTML="<h1>"+yy+"年"+MM+"月"+dd+"日"+hh+":"+mm+":"+ss+"</h1>";
//每秒钟回调一次
setTimeout(time,1000);
}
</script>
</head>
<body onload="time()">
<div id="time"></div>
</body>
</html>
JavaScript中提供了两个定时器函数:setTimeout()和setInterval()。
setTimeout()用于在指定的毫秒后调用函数或计算表达式。语法格式如下:
setTimeout(调用的函数名称,等待的毫秒数) 如:
setTimeout(time,1000);
可以使用clearTimeout()清除定时器,如:
var t = setTimeout(time,1000);
clearTimeout(t);//清除定时器
setInterval()可按照指定的周期(以毫秒计)来调用函数或计算表达式。语法格式如下:
setInterval(调用的函数名称,周期性调用函数之间间隔的毫秒数) 如:
setInterval(time,1000);
可以使用clearInterval()清除定时器,如:
var t = setInterval(time,1000);
clearInterval(t);//清除定时器
setTimeout()只执行一次,如果要多次调用函数,需要使用setInterval()或者让被调用的函数再次调用setTimeout()。
最新文章
- Web 前端攻防(2014版)
- OsmocomBB 编译安装
- 解决点击a标签返回页面顶部的问题
- UVa 11440 (欧拉函数) Help Tomisu
- #Cocos2d+lua#android+Eclipse工程编译设置
- iOS内存管理(一)
- spring之json数据的接受和发送
- .net core 2使用ef core 2.0以db first方法创建实体类
- 高通MSM8998 ABL的调试
- 【Git】在GitHub或OSChina上新建项目后,如何在本地第一次push代码到服务器
- font-smoothing使用后字体看起来会更清晰舒服
- jenkins 邮箱配置---腾讯企业邮箱
- 企业应用--web环境部署于上线流程
- httpclient和htpUrlConnection用例
- mysql 根据一张表更新另一张表
- python语法(三)— 循环
- 推荐一款基于Angular实现的企业级中后台前端/设计解决方案脚手架
- mysql安装配置、主从复制配置详解
- Butter Knife 黄油刀
- Python调用打印机参考例子