Javascript 我的JS文件赢了';我的Chrome web应用程序无法加载
我正在编写一个Chrome web应用程序,并试图在其上加载一个时钟,但这不起作用。显示的是HTML和CSS文件,而不是JS,这意味着应用程序看起来就像一个空盒子 我真的很感激你的帮助-非常感谢 这是我的popup.html文件:Javascript 我的JS文件赢了';我的Chrome web应用程序无法加载,javascript,html,css,google-chrome,google-chrome-extension,Javascript,Html,Css,Google Chrome,Google Chrome Extension,我正在编写一个Chrome web应用程序,并试图在其上加载一个时钟,但这不起作用。显示的是HTML和CSS文件,而不是JS,这意味着应用程序看起来就像一个空盒子 我真的很感激你的帮助-非常感谢 这是我的popup.html文件: <!DOCTYPEhtml> <link rel="stylesheet" type="text/css" href="popup.css"> <title>Your Personal Homepage<
<!DOCTYPEhtml>
<link rel="stylesheet" type="text/css" href="popup.css">
<title>Your Personal Homepage</title>
<script src="popup.js"></script>
<script src="clock.js"></script>
</head>
<body>
<div id="clock" class="light">
<div class="display">
<div class="weekdays"></div>
<div class="ampm"></div>
<div class="alarm"></div>
<div class="digits"></div>
</div>
</div>
<!-- JavaScript Includes -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.0.0/moment.min.js"></script>
</body>
</html>
你的个人主页
这是我的clock.js文件:
$(function(){
// Cache some selectors
var clock = $('#clock'),
alarm = clock.find('.alarm'),
ampm = clock.find('.ampm');
// Map digits to their names (this will be an array)
var digit_to_name = 'zero one two three four five six seven eight nine'.split(' ');
// This object will hold the digit elements
var digits = {};
// Positions for the hours, minutes, and seconds
var positions = [
'h1', 'h2', ':', 'm1', 'm2', ':', 's1', 's2'
];
// Generate the digits with the needed markup,
// and add them to the clock
var digit_holder = clock.find('.digits');
$.each(positions, function(){
if(this == ':'){
digit_holder.append('<div class="dots">');
}
else{
var pos = $('<div>');
for(var i=1; i<8; i++){
pos.append('<span class="d' + i + '">');
}
// Set the digits as key:value pairs in the digits object
digits[this] = pos;
// Add the digit elements to the page
digit_holder.append(pos);
}
});
// Add the weekday names
var weekday_names = 'MON TUE WED THU FRI SAT SUN'.split(' '),
weekday_holder = clock.find('.weekdays');
$.each(weekday_names, function(){
weekday_holder.append('<span>' + this + '</span>');
});
var weekdays = clock.find('.weekdays span');
// Run a timer every second and update the clock
(function update_time(){
// Use moment.js to output the current time as a string
// hh is for the hours in 12-hour format,
// mm - minutes, ss-seconds (all with leading zeroes),
// d is for day of week and A is for AM/PM
var now = moment().format("hhmmssdA");
digits.h1.attr('class', digit_to_name[now[0]]);
digits.h2.attr('class', digit_to_name[now[1]]);
digits.m1.attr('class', digit_to_name[now[2]]);
digits.m2.attr('class', digit_to_name[now[3]]);
digits.s1.attr('class', digit_to_name[now[4]]);
digits.s2.attr('class', digit_to_name[now[5]]);
// The library returns Sunday as the first day of the week.
// Stupid, I know. Lets shift all the days one position down,
// and make Sunday last
var dow = now[6];
dow--;
// Sunday!
if(dow < 0){
// Make it last
dow = 6;
}
// Mark the active day of the week
weekdays.removeClass('active').eq(dow).addClass('active');
// Set the am/pm text:
ampm.text(now[7]+now[8]);
// Schedule this function to be run again in 1 sec
setTimeout(update_time, 1000);
})();
$(函数(){
//缓存一些选择器
变量时钟=$(“#时钟”),
alarm=clock.find('.alarm'),
ampm=clock.find('.ampm');
//将数字映射到它们的名称(这将是一个数组)
变量数字至名称='零一二三四五六七八九'。拆分('';
//此对象将保存数字元素
变量位数={};
//小时、分钟和秒的位置
变量位置=[
‘h1’、‘h2’、‘m1’、‘m2’、‘s1’、‘s2’
];
//生成带有所需标记的数字,
//并将它们添加到时钟中
var digit_holder=clock.find('.digits');
$.each(位置、功能(){
如果(this==':'){
数字持有人。附加(“”);
}
否则{
var pos=$('');
对于(var i=1;i你的clock.js使用jQuery,但在jQuery加载之前加载。改为在jQuery之后包含它。你的clock.js使用jQuery,但在jQuery加载之前加载。改为在jQuery之后包含它。你的clock.js使用jQuery,但在jQuery加载之前加载。改为在jQuery之后包含它。你的clock.js使用jQue但在加载jQuery之前加载。请改为在jQuery之后包含它。Chrome扩展和应用程序遵循a
这不允许使用外部脚本,因此您应该下载外部文件,并将其与其他脚本放在同一文件夹中。Chrome扩展和应用程序遵循一个文件夹
这不允许使用外部脚本,因此您应该下载外部文件,并将其与其他脚本放在同一文件夹中。Chrome扩展和应用程序遵循一个文件夹
这不允许使用外部脚本,因此您应该下载外部文件,并将其与其他脚本放在同一文件夹中。Chrome扩展和应用程序遵循一个文件夹
这不允许使用外部脚本,因此您应该下载外部文件,并将其与其他脚本放在同一文件夹中。打开浏览器控制台,它会告诉您是否有问题注意doctype缺少空格打开浏览器控制台,它会告诉您是否有问题注意doctype缺少空格打开browsers控制台,它会告诉你是否有问题note doctype缺少一个空格打开浏览器控制台,它会告诉你是否有问题note doctype缺少一个空格对不起,我是一个对jQuery有基本了解的v型白痴。我该如何改变这一点?谢谢!把你的放在后面,对不起,我是一个对v型basic有基本了解的白痴站在jQuery后面。我该如何改变它?谢谢!把你的放在后面,我很抱歉,我是一个对jQuery有基本了解的傻瓜。我该如何改变它?谢谢!把你的放在后面,我很抱歉,我是一个对jQuery有基本了解的傻瓜。我该如何改变它?谢谢!把你的放在后面