下面以安装一个实时日历时钟为例介绍一下javascript脚本文件的制作及调用的全过程。这个日历时钟的实际效果为:
 

2006年1月
3
星期二
11:22:40

  
它背景是透明的,日历部分周六为绿色,周日为红色,其它的日子为蓝色。
 
1. 到有关网站的网页上找到所要javascipt脚本,这种脚本的格式为:
 
 <script>
 
 脚本内容
  
 </script>
 
2. 用鼠标拖选<script>与</script>之间的所有文本,点鼠标右键的[复制]。
注意:千万别把<script>和</script>带上,否则调用*.js时不但脚本不能生效,而且打开含有调用该脚本代码的帖子时ie还要报错,显示xx脚本出错从而进入脚本调试状态,一时大乱。
3. 在自己电脑上新建一个空文本文档(例如命名为rl.txt)并打开它,点鼠标右键的[粘贴]将该脚本贴入,最后点[文件]-[保存]将其存盘并关闭rl.txt。
4. 将rl.txt更名为rl.js (编辑*.js文档均用*.txt的编辑器),这样javascript脚本文件便做成了。
5. 将rl.js上传到自己的网上空间。笔者是上传到自己的fpt空间(在这个空间内的存放地点自己决定)并记下它的网上地址,以备调用时使用。
6. 在论坛的帖子里调用的代码为:
 
<srcipt src=”脚本文件的网上地址”></script>
 
上面日历脚本的调用代码为:
 
<script src=”http://www.shgedu.net/shg404/other/rl.js”></script>
 
注意:
  这个含有实时时钟的日历调用代码每个网页(每个主题贴和它的所有跟贴算一个网页)只能用一次,如果多用了,所有调用脚本的地方都失效。而下面不含实时时钟的万年历同一网页可以调用多次。
  如果想要对上面显示的日历排版,可做一个1行1列的表格,然后将<srcipt src=”脚本文件的网上地址”></script>放到单元格中或将脚本中align=center(见下面附上的脚本原文)改为需要的值。

附:实时日历时钟javascript脚本全文
引自 http://www.51js.com/viewthread.php?tid=1354&fpage=2
 
<script>     
function year_month(){
    var now = new date();
    var yy = now.getyear();
    var mm = now.getmonth()+1;
    var cl = ”<font color=”#0000df”>”;
    if (now.getday() == 0) cl = ”<font color=”#c00000″>”;
    if (now.getday() == 6) cl = ”<font color=”#00c000″>”;
    return(cl +  yy + ”年” + mm + ”月</font>”);
}
function date_of_today(){
    var now = new date();
    var cl = ”<font color=”#0000df”>”;
    if (now.getday() == 0) cl = ”<font color=”#c00000″>”;
    if (now.getday() == 6) cl = ”<font color=”#00c000″>”;
    return(cl +  now.getdate() + ”</font>”);
}
function day_of_today(){
    var day = new array();
    day[0] = “星期日”;
    day[1] = “星期一”;
    day[2] = “星期二”;
    day[3] = “星期三”;
    day[4] = “星期四”;
    day[5] = “星期五”;
    day[6] = “星期六”;
    var now = new date();
    var cl = ”<font color=”#0000df”>”;
    if (now.getday() == 0) cl = ”<font color=”#c00000″>”;
    if (now.getday() == 6) cl = ”<font color=”#00c000″>”;
    return(cl +  day[now.getday()] + ”</font>”);
}
function curenttime(){
    var now = new date();
    var hh = now.gethours();
    var mm = now.getminutes();
    var ss = now.gettime() % 60000;
    ss = (ss – (ss % 1000)) / 1000;
    v

发表评论

/ 快捷键:Ctrl+Enter
加载中……